前端开发

在工业化设计融入人们生活的现今，用户体验一词就常常出现在人们的视线里，随着互联网web2.0时代的到来，大大小小的网站设计中也都开始关注用户体验的方面，对什么是用户体验（百度这四个字，比我写什么解释都好）就不做详细赘述了，相信大家比我了解的更加丰富。

用户体验从产品设计阶段便开始介入进来，如原型设计中交互模式设计、功能实现方式设计都融入了设计人员对用户的关怀，听过这样的一句话：“具有良好用户体验的产品，不仅仅取决于一个有着丰富交互设计经验的产品设计师，还与产品生产过程中的每一个环节是否都具备良好的用户体验意识有一定的关系”。

CSS Lint,lint是线头的意思，大概意思就是说要找出我们写的css代码里的一些线头，help you code better!

CSS Lint的检测规则包括错误的和警告，当选择器或属性书写不正确、漏掉了大括号、多写了分号等时，会提示解析错误，解析错误优先提示。为了让css代码拥有更好性能，更标准，CSS Lint还默认有如下规则：

1. Sencha Animator

用标准的网页技术打造超炫的动画，Senchar Animator使用CSS3来打造动态的文字和图片，流畅的变换，阴影，渐变等效果。

去年就初次接触了LESS,并用他制作了一个Less.org的首页页面，但由于CSS的固有模式，没有让自己喜欢上他。由于前段时间学习bootstrap from twitter再次让我接触了这个Less，又发现了他的强大与方便，于是横下心来又重新开始学习Less。这次的学习中让我发现了他的更强大，从而也让自己更喜欢上了Less。当然任何东西都有好与坏，我还是那句，他并不影响我对知识的渴望，你要是也喜欢，我们就一起往下看吧。

Twitter今日在开发者博客上公布消息，6个月前发布的轻量级前端开发工具Bootstrap迎来重大改进，正式升级为Bootstrap 2.0（下载源码）。和原来一样，Bootstrap 2.0仍然是一个托管在GitHub上的开源项目。

下面的代码是前段时间无聊的时候在论坛闲逛看到的一篇关于图片预加载的文章，其实写的不错，代码如下：

function loadImage(url, callback) {
var img = new Image(); //创建一个Image对象，实现图片的预下载

照片墙偶尔也会用到，一些企业网站的关于页面介绍团队成员的时候大都会采用照片墙的形式，所以代码贴到这里，希望对你有所帮助。

前几天，有人在Q问那种翻牌效果的广告怎么实现，抽空整了个简单的jQuery翻牌效果的导航菜单，其实说简单也不是很简单，重要的是想好整个过程的思路就好下手了，不整demo了，直接贴代码。