构建现代化网站的 20 个技巧
在过去几年中，我们与web开发者花了很多时间交流，听得最多的一件事情就是创建一个能很好的跨越各种类型浏览器版本与各种设备的网站有多么难。我们为jQuery项目写代码的时候一直有这个问题。因此我们整理了20条编码模式与经验，它们是从出席无休止的会议和…
给网页设计师和前端开发者看的前端性能优化
如果不是不可能，你也很难拒绝承认性能目前已是任何正规网站项目的最关键方面之一，无论它是一个小型的网站组合，一个移动优先的web应用，一直到一个大规模的商业项目。研究，论文和个人体验都告诉我们快速是最好的。性能不仅仅是非常重要，它也相当的有趣…
实用的 CSS3 参考手册和代码生成工具
CSS3技术现在越来越成熟，通过CSS3的一些新特性（如box-sizing、边界半径、文字阴影、渐变等）创建的效果已经令前端开发者兴奋不已。使 用CSS3进行前端设计是未来的发展趋势。因此，如果你是一名前端设计师，就需要掌握这些最新的技术，否则就有可能…
Web设计领域值得注意的5个发展趋势
今天Web设计领域发生了许多变化。 包括智能手机和平板电脑(如iPad)这些移动设备的日渐普及已经改变了用户对内容的访问和交互方式。还有，像HTML5、web字体和CSS这些新标准的正式通过意味着越来越多的用户可以使用网络上最新最强大的功能。小企业往往因为重…
Emmet(Zen Coding)官方文档 之三 CSS 缩写
CSS 缩写Emmet 缩写能够很好地生成 HTML、XML 或者任意一种结构化的标记，看起来不能用于 CSS。你应该不会想通过书写 CSS 选择器来翻译生成 CSS 选择器吧？Emmet 能够做的只有提供 CSS 属性的短格式，但是带有本地片段和自动完成的编辑器能够做的更…
Emmet(Zen Coding)官方文档 之二 缩写
缩写缩写是 Emmet 的核心：这些特殊的表达式在运行时被解析并翻译成结构化的代码块，比如 HTML。缩写的语法看上去很像带有用于生成代码的扩展的 CSS 选择器。许多 web 程序员已经知道如何使用它。【说明】本系列博文是依据 Emmet 官方文档翻译的，原…
Emmet(Zen Coding)官方文档 之一 web 编程的必备工具
Emmet — web 编程的必备工具Emmet （之前的版本叫做 Zen Coding）是一种可以大幅度提高创建 HTML & CSS 的工作流程的 web 开发工具：【说明】本系列博文是依据 Emmet 官方文档翻译的，原文地址为：https://csswang.com/2124-2/， [Read More…]
Emmet (Zen Coding) 元素类型
元素类型在 HTML 和 XML 文档中，当展开缩写时，所有缩写部分都实时转换成 HTML/XML 标签。但是某些标签——如 a 或者 img——转换成带有预定义属性的元素： <a href=””></a> 的 <img src=”” alt=”” />。E [Read More…]
jQuery 分步引导 插件
很多时候一个网站或者一个Web应用出品，为了让你的用户知道你的站点（或应用）有些什么？如何操作？为了让你的用户有更好的体验。往往这个时候都会给你的站点（应用）添加一个分步指引的效果。然而这样的效果，对于不懂原生js的同学来说，是件蛮头痛…
移动设计的新趋势 色彩
移动设计领域正发生着质的飞跃。但不得不说操纵移动设计最重要的因素是色彩。色彩之所以在移动设计领域没有那么快流行起来是因为人们在用色上不够大胆并没有充分利用它。幸好这种情况正在改变——因为色彩渐渐变成移动设计中不可或缺的元素并有了它自…
推荐11个很棒的学习 jQuery 的网站
jQuery是目前最流行的 JavaScript 库。越来越多的互联网公司，要求前端开发者对于jQuery有一定的要求。对于初学者来说，有的时候很难找到一个好的学习jQuery的网站，今天本文收集了11个很棒的 jQuery 学习网站推荐给大家。1.developphp.comde [Read …
[Css3教程]-CSS3特效之转换:transform
![[Css3教程]-CSS3特效之转换:transform](https://csswang.com/files/wp-content/uploads/ta-thumbnails-cache/210x140-c/2013/4/4243-1.jpg)
今天我们一起来探讨一下CSS3中的transform。语法:transform: none| rotate | scale | skew | translate | matrix;通过transform-origin可以设置转换参考位置，默认值为50% 50%,即 center c [Read More…]
模块化高扩展性的前端框架 KISSY
介绍伴随着淘宝的快速发展，诞生已三年多的 KISSY 也取得了巨大的成长。 目前应用于阿里集团的多个业务团队，特别是淘宝，天猫，一淘的绝大多数业务都采用了 KISSY， 满足了从前台的 web page 到后台的 web app 再到移动端应用（起步阶段）的广泛需…
创意让二维码更有爱
二维码，被誉为“移动互联网的最后一段距离”，为移动互联网服务的落地做出了不可磨灭的贡献。如今，不经意间，在海报、杂志、报纸上，在地铁、公交、电梯里，在火车票、机票、演唱会票上，都能看到二维码的身影。（关于什么是二维码，移步百科。）二…
精选9个不错的HTML5播放器
HTML5中，除了其他强大的功能外，同时还增加了audio标签，利用audio标签就可以播放音乐。下面是9个不错的HTML5音乐播放器。Media ElementMediaElement音频视频播放器是纯HTML5和CSS编写的。同时为很多不同的开源系统提供插件，如WordPres [Read More…
