关注点应该从实现一个功能慢慢到一个效果，一个细节。这才是高质量的界面工程师的基本功和素养。 希望自己在这方面能够有质的提升！
- - 逐步学习列表中优秀 CSS(Style) 资源，并且加入自己的笔记，同时维护这份列表（更新和重新编辑分类等）
flex box - solved by flexbox
transition, transform - 如上次zhailin快速修改的图片倒影和图片轮播时候的transform-origin等等， 它们的函数签名
一些常见效果 - UX feedback 之类的 - 添加|删除到列表， view切换(ng-enter)，show|hide, 添加到购物车，loading indicator, submitting button state, 等等等
常见布局如何更加合理有效和容易responsive - 如media object 对象，（上次做who的时候search页和detail页，）
codrops中的blueprint和一些好效果
codepen中一些好的collections， 逐步看看！！！
mozilla-b2g/gaia - Gaia is a HTML5-based Phone UI for the Boot 2 Gecko Project. https://github.com/mozilla-b2g/gaia
csswizardry/CSS-Guidelines - high-level guidelines from writing manageable, maintainable css - 非常基础一步步的步骤和细节注意点（代码层面） https://github.com/csswizardry/CSS-Guidelines
chinchang/hint.css - a tooltip library written in SASS which uses only HTML/CSS to create simple tooltips 非常酷炫 - 有小动画bounce https://github.com/chinchang/hint.css
hojberg/cssarrowplease - Generate the CSS for a tooltip arrow. 网站源代码 https://github.com/hojberg/cssarrowplease
sofish/typo.css - 中文网页重设与排版：一致化浏览器排版效果，构建最适合中文阅读的网页排版 http://typo.sofish.de https://github.com/sofish/typo.css
LeaVerou/csss - CSS-based SlideShow System http://leaverou.github.com/csss/ https://github.com/LeaVerou/csss
drublic/css-modal - A modal build out of pure CSS http://drublic.github.io/css-modal https://github.com/drublic/css-modal
benschwarz/gallery-css - https://github.com/benschwarz/gallery-css http://benschwarz.github.io/gallery-css/#item-2
marvelapp/devices.css - Pure CSS phones and tablets 叼炸天！！ Android和iPhone in CSS https://github.com/marvelapp/devices.css https://marvelapp.com/e632b - 图片link成一个可交互的app
mezzoblue/csszengarden.com - 源代码 - 看看设计的大神！！！ https://github.com/mezzoblue/csszengarden.com
jacobrask/CSS1K - 叼炸天- A demonstration of what can be accomplished with only 1 K (Kibibyte) of CSS. 和 Zen Garden的区别（学会用css来style）这个例子是精简你的style https://github.com/jacobrask/CSS1K
wagerfield/cssmixins - 快捷mixin - allow you to use CSS3 features without having to worry about vendor prefixes. easing equations as cubic-bezier functions, to spice up your CSS3 transitions. https://github.com/wagerfield/cssmixins
LeaVerou/css3patterns - 学习graident 必备 - 叼炸天！ https://github.com/LeaVerou/css3patterns http://lea.verou.me/css3patterns/#
adamschwartz/magic-of-css - A CSS course for web developers who want to be magicians 看过些，回顾下 https://github.com/adamschwartz/magic-of-css
mdo/wtf-html-css - Common reasons your HTML and CSS may be fucked - 如: box model math, floats and computed height - 赞！ https://github.com/mdo/wtf-html-css
brandonaaron/jquery-cssHooks - hook directly into jQuery and override how certain css properties are retrieved or set. This allows for browser normalization or even the creation of your own unique css properties. - 很不错 https://github.com/brandonaaron/jquery-cssHooks
tobiasahlin/SpinKit - a collection of loading indicators animated with CSS 赞！ https://github.com/tobiasahlin/SpinKit
paulirish/css3please - 通过实例学习css3 新属性 - 赞！！ https://github.com/paulirish/css3please http://css3please.com/
hakimel/stroll.js - CSS3 list scroll effects - 效果非常花哨，但是对于学习transform, 之类的很好 https://github.com/hakimel/stroll.js http://lab.hakim.se/scroll-effects/
topcoat/topcoat - css for clean and fast web apps - performance is #1 goal - BEM Architecture http://topcoat.io/ https://github.com/topcoat/topcoat