摘要:
现在人们越来越重视404页面的设计,今天收集了一些比较精选的作品。包括apple、ibm、twitter、mozilla等。包括简单的设计,也包括华丽的设计。AppleIbm45royaleHeinzInspiration bitNikibrownClub penguinTwitterMozillaDeviant ArtU beeXhtml kitchenFull stop interactiveAustin stoneMark dijkstraFlipping bookJumping jack rabbitCuomaTk designs 阅读全文
摘要:
一个纯CSS百叶窗效果,求高人将默认状态下左右2边100PX的空白去掉...(请使用支持CSS3的浏览器预览!)下载:newPic.rar 阅读全文
摘要:
用Javascript和canvas实现的涂鸦板,不支持IE浏览器,大家都懂的。 <IGNORE_JS_OP>1小时前 上传下载附件 (28.17 KB) canvas涂鸦-深海博客 撤销原意是撤销画布上次画的东西,但在撤销还不完善,撤销只实现了恢复上次画笔的状态,不能实现画布撤销,日后完善由于发帖有字数限制,注释都去了,我华丽丽的注释啊。。。<!doctype html><html><head><meta content="text/html; charset=utf-8" http-equiv="Conte 阅读全文
摘要:
随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要。而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败?1.是否具有高辨识度首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常适合文字编写,代码显示等工作。还是这个例子,在Arial字体中,i,l 的辨识度很低,而且当有连续的il等较窄文字出现时,文字难以选中,此外Georgia中,字母o,与数字0 只在大小上略有区别,基本上分不清,很难做到一目了然。由此可见,等宽字体受字母本身的干扰较小,字母大小固定,密度固定, 阅读全文
摘要:
WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,为HTML5 Canvas提供硬件3D加速渲染。WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等。本文将为你带来8个效果惊人的WebGL效果,你可以在最新的Chrome浏览器中查看。1.Supershape.jssupershape.js让你可以在浏览器中试验3D superformula。Superformula是一个通用的几何变形公式,涵盖了大量在自然界中发现的几何形状。在supershape.js中,除了 阅读全文
摘要:
对开发者来说时间非常关键,如果你能为在互联网上找到一些现成的资源能帮助你的项目,会大大提升工作的效率。本文向你推荐 25 个CSS框架、工具、软件及样板。Sprite Cow下载CSS Lint下载Prefixr下载The 1140px CSS Grid System下载holmes.css下载CSS Terminal下载Columnal下载Normalize.css下载Spritemapper下载Less Framework 4下载Patternify下载Patternizer下载The Semantic Grid System下载CSS3 Patterns Gallery下载CSS3 Sh 阅读全文
摘要:
常常在手机输入时,我下意识会先输入我想要的汉字,噼噼啪啪后才发现当前是英文输入法,于是我不得不删除这几个字母——切换回中文输入——重新输入。这是一个典型的“切换导致重复操作”的例子。切换在互联网产品领域的概念可以理解为:从一种页面到另一种页面后可以继续操作,通常用户为达到同一目的切换到不同的方法进行。以输入法为例,用户通常会直接使用默认的设置,在发现无法达到目的的时候才会去尝试切换,这个过程常常会导致重复操作。伴随着不同的需求,切换诞生在不同的使用情景中。本文通过对用户执行任务的过程中(包括任务开始之前、进行之中和完成之后)产生的一些切换案例的说明,尝试找出一些帮助用户减少重复操作的解决方案。 阅读全文
摘要:
在您开始着手响应式站点的搭建之前,如果能拥有强有力的开发工具会让您的世界另有一番风采。本文中Denise Javobs和Peter Gasston推荐了50种强大的工具来支持您建造响应式站点的过程。在Ethan Marcotte的文章《响应式web设计》以及他的畅销书中最早首创介绍了建设响应式站点需要的三个元素:灵活布局、流式网格响应式图片媒体查询另外也有很多文献涵盖了响应式web设计领域相关的主旨,初期工具在您开始编制站点之前,最好弄清楚整个页面的元素框架以及它们如何自动适应不同的浏览器窗口尺寸,因为不同的设备的分辨率和屏幕都不尽相同,而且要 避免脑海中原来那些关于桌面应用设计时的思维影响, 阅读全文
摘要:
jQuery想必大部分前端er都知道甚至很熟悉了,网上有数以万计的优秀的jQuery插件以及教程,今天手机了一些关于图片、相册的jQuery插件代码,希望会对你有所帮助。1. 3D Gallery2. Circular Discography3. Pikachoose4. Yox View5. Tonic Gallery6. Polaroid7. Simple Jquery Fullscreen Image Gallery8. Post card Viewer9. polaroid photo bar10. Shine Time11. TN3 Gallery12. Galleria13. 3D 阅读全文
摘要:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文