刘钢的博客 – 我是UED

“CSS 3 不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。你看，浏览器需要跟上了……”

–谨以此文纪录ISD WEBTEAM 09年Q2力作：CSS 3.0 参考手册 (中文版)

阅读全文…

前端性能优化完全是一个技术话题，但是对于项目的用户体验有非常大的影响，如果你的网站打开要等待三五秒或者等到浏览器提示无法连接，那网站哪来的流量，哪来的品牌影响和用户忠诚度，挣钱就算了。

3s，作为判断一个用户忍受你网站速度的限度，如果超过3s，用户已经对这个网站产生了负面的抵触心理。
前端性能优化和web标准有什么关系，接着第一篇 悟道web标准——统一思想，遵循标准 ，这是对你遵循web标准的一个补偿或者是对标准的一个认可。

引用:

落后的页面工程师体系，美工代劳的页面代码，唯独IE才能浏览的页面代码，不需要写代码用图形工具直接导出的页面代码，大量的流量消耗的页面代码，速度慢的像蜗牛的页面代码，程序员看到就头大发麻的页面代码，每次改版修改都要打动干戈，重复产生的页面代码，一种让页面工程师和民工一样的页面代码。
我们当然要革命它，取代他，创造全新的页面工程师体系和页面质量，独立的页面工程师完成的页面代码，跨越平台的页面代码，只要能解析页面的设备都能够访问和浏览，手写的页面代码，整齐划一，层次分明，最低流量消耗的页面代码，程序员喜欢的页面代码，访问速度超快的页面代码，改版可重复利用的页面代码，让页面工程师抬起头来，骄傲的称自己是工程师，书写的也是计算机代码的页面代码。
前端优化正好给Web标准提供了一个检验的机会，用“实践是检验真理的唯一标准”来判断标准化到底好不好，对不对。

阅读全文…

• 原文：Minimizing browser reflow
• 作者：Lindsey Simon
• 翻译：ytzong

浏览器为了重新渲染部分或整个页面，重新计算页面元素位置和几何结构（geometries）的进程叫做 reflow。由于 reflow 是一种浏览器中的用户拦截（user-blocking）操作，所以了解如何减少 reflow 次数，及不同的文档属性（DOM 层级（DOM depth），CSS 效率，不用类型的 style 变化）对 reflow 次数的影响对开发者来说非常必要。有时 reflow 页面中的一个元素会 reflow 它的父元素（译注：这里是复数）以及所有子元素。

阅读全文…

有很多种方法来实现图片的预加载，通常大部分使用Javascript让事情滚动。不要再受Javascript预载的束缚了吧，用CSS你就可以毫不麻烦的预载你的图片。

为什么使用预载

你为什么会考虑使用预载呢？你是否曾有个网站，在那个网站你要滚动你的导航然后有个延迟直到图片被加载完……嘿嘿。预载将在这方面帮助你。它将在页面加载的时候加载那些图片并将其存储在浏览器的缓存里面。这样当用户滚动导航的时候，很漂亮而且流畅，没有延迟。

阅读全文…

声明，本文中所称 CSS雪碧 即为CSS Sprites，这个词组一直没有一个固定或者约定俗成的中文翻译，一些人开始称之为CSS雪碧，我们且当作一次尝试吧，如果大家觉得不妥，今后还会继续直称CSS Sprites。

CSS雪碧已经出现一段时间了，并上升为一种可以让你的网站速度变快的方式。Steve Souders刚刚在 Velocity ‘09上展示了SpriteMe! (讨论——为什么在你可以使用canvase和toDataURL和及时生成雪碧的时候还要使用CSS雪碧生成器或其它基于服务器的工具？）。然而，关于CSS雪碧有一些误解，最主要的一个就是它们没有缺点。

阅读全文…