很久沒有更新 css 的姿勢，在臉書看到一篇文章，記錄一下相關連結，並找幾個入門一點的教學，雖然都是很舊的東西了-_-

現代 css 的架構有分成幾種，http://www.slideshare.net/kurotanshi/css-oocss-smacss-bem  kuro 有概觀的介紹：

• oocss：http://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/
• smacss：http://vanseodesign.com/css/smacss-introduction/
• bem： https://css-tricks.com/bem-101/

zbryikt 自己整理的方向
https://gist.github.com/zbryikt/05c62543df8039b571d5

然後現在的 css 開發工具像 sass、less 這些 preprocessor，也開始轉往用 postcss 取代了。所以過一段時間可以學這些整套換掉了XD

如果要順便學其他前端的最新套路，可以直接參考 Tj 的 https://github.com/tj/frontend-boilerplate ，痛苦一次學會下面全部，歡迎來到 21016..

• Webpack
• React
• Redux
• Babel
• Autoprefixer
• PostCSS
• CSS modules
• Rucksack
• Redux Simple Router