可咔酷 > Tag > 前端开发

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

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

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

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

1. Sencha Animator

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

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

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

CSS3被公认是一种很有潜力的新技术，作为一名web人，是时候多学习一些CSS3的东西来补充知识了。虽然一些低级的浏览器还不支持，但是随着移动互联网越来越多的应用到我们的生活，你会发现其实HTML5、CSS3这些新技术已经被很广泛地应用了。

收集了几十个CSS3相关的技巧以及教程，这些教程会教你如何实现一些之前需要用图片或者JS来实现的效果。希望对你有所帮助。

《Higb Performance Web Sites》（中文名：“高性能网站建设指南”）这本书对于前端工程师来说，绝对值得一读。本人有幸从公司借阅了，但不幸的是感觉翻译有点怪怪的。尤其是在翻译CSS Sprites的关键部分，让人不知所云。幸亏原理比较简单，所以没有造成障碍。^_^

本人看书有做笔记、写示例、发牢骚的习惯，所以有了下文。个人备忘也罢，初学者入门也罢，反正赖在这里。所以，拍砖也罢，口水也罢，我都忍着，呵呵。。。

CSS3已经被越来越多地使用在一些项目中了，国内虽然IE6的份额还是很高，但是一些知名的互联网公司在项目权衡下还是会加入一些CSS3的元素，毕竟CSS3可以让我们更加方便的做出一些以前需要有大量的背景图片或者其他资源才能完成的效果，比如圆角、阴影等等。

下面是一个非常优美的CSS3进度条，效果图如下，非常漂亮吧：

对于浏览器上的开发者来说，2011年又是相当精彩的一年。web开发者Phil Hawksworth在这篇文章中总结了web 上经典的JavaScript用法。

那些喜欢冒险体验前沿技术的开发者现在应该会非常开心。浏览器正变得越来越强大，上面有各种丰富的功能可以供开发者选择，一些在几年前几乎难以想象的功能都已经一一实现。有了这些新功能，开发者现在能够开发出更精细、更复杂、更有想象力的用户界面了。这为网站开发扫清了障碍，网站能够拥有让人惊喜的用户界面了。