Responsive设计在现代Web设计中可谓是越来越流行，但很同学们并未理解其真正的设计概念，往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例，但如何取其断点左右纠结，如何设置哪几个断点？又从何入手？
Responsive中的断点都依赖于CSS3的Media Queries来决断。曾在CSS3 Media Queries模板、使用em单位创建CSS3的Media Queries和iPads和iPones的Media Queries有过这方面的介绍。今天特意根据一些Responsive框架整理了一些常见的Media Queries片段，以供大家参考。
白牙同学好久都没有做练习了，今天为大家带来一个CSS3制作的简单大型导航，运用到的CSS3属性包括圆角border-radius、渐变、盒子和文字阴影等等。
九九——《前端如何使用github》
D姐——《Responsive小试牛刀》
今天给大家带来钻石图形demo，主要使用了 border.请用 Chrome 浏览器浏览.
面包屑是Web中常见的一个元件，早前在《CSS3制作Breadcrumbs》和案例《css3面包屑设计》使用CSS3制作了各式各样的面包屑效果，今天@逆天使用上原始的CSS配合一定的标签制作了一款兼容多浏览器的面包屑案例，感兴趣的可以看看：
今天 993 为大家带来 mask 的新 demo，打造过程比前作复杂一些，本作代号是：Think different，希望大家能喜欢小弟做的 demo，多提建议帮助我改进。（请在 Chrome 下浏览）