分类目录归档：网站前端

[404]css-tricks.com

发表于 2011年1月13日 由 icyfire

css-tricks.com的404页面。传说中的"爆code"，呵呵。

发表在 网站前端 | 留下评论

1024字节javascript写成的3D圣诞树

发表于 2010年12月17日 由 icyfire

请点击上面的图片查看Demo，或者把下面的代码保存为html文件用浏览器里打开。
由于用到canvas以及一些复杂的运算，建议使用Chrome浏览器观看，最为流畅，其次是Opera 11（已经开始有点卡了），Firefox3.6差不多是逐帧播放了，Safari 5貌似有bug，除非用鼠标不断点击，不然几乎不会动（以上结果均出自我的性能低下的小本子）。用IE的话请自重。

预祝全宇宙生物剩蛋快乐。 继续阅读 →

发表在 网站前端 | 标签为 | 留下评论

[翻译]Data URI浅析

发表于 2010年8月5日 由 icyfire

Nicholas C. Zakas去年的一篇关于Data URI的文章。

在最近的印象中，最受期待的浏览器功能之一就是data URI了。最近已经有不少关于data URI的文章：我同事Stoyan Stefanov已经写了两篇关于data URI的文章，我旧同事Hedger Wang也写了一篇关于如何在IE使用data URI的文章。但出乎意料的是，对于data URI的误解和困惑依然屡见不鲜。它是什么？它是怎么工作的？为什么你会想去使用它？

继续阅读 →

发表在 网站前端 | 标签为 | 留下评论

[翻译]jQuery的show/hide性能测试

发表于 2010年7月26日 由 icyfire

这篇文章是jQuery各种show/hide方式的性能测试。作者之所以测试这个源于Robert Duffy在San Francisco举行的jQuery大会上的一句话：“.hide()和.show()的执行速度会比直接改变css慢”。但由于未能找Robert Duffy问明原因，所以作者就自己去做了这个测试。下面的翻译并不是全文翻译，只节选了一些重点。

用作测试的是一个含有100个div的HTML页面，div带有class和一些内容。为了排除掉寻找这些div所花费的时间，所以把选择器$('div')缓存起来了。用作测试的jQuery版本是1.4.2，所以测试结果也只是针对这个版本，在其他版本可能就不是这些结果了。

测试的jQuery方法分别是：

  • .toggle()
  • .show() 和 .hide()
  • .css({'display':'none'}) 和 .css({'display':'block'})
  • .addClass('hide') 和 .removeClass('hide')
  • 改变<style>元素的一个属性

继续阅读 →

发表在 网站前端 | 标签为 | 一条评论

Chrome 和 Opera 都比土豆还要快

发表于 2010年5月29日 由 icyfire

5月初，爱好吹嘘 Chrome 速度的 Google 又制作了一个创意巧妙的视频，其中的一个片段是 Chrome 打开页面速度 PK 飞行的土豆速度。Opera 的人看了这个视频后也灵感大发，同样拿 Opera 和土豆拼起了速度，不过他们比的是，煮土豆的速度…… 继续阅读 →

发表在 网站前端 | 标签为 , , | 留下评论