預(yù)處理器

更快地編譯 CSS

• GCSS：一個用GO語言編寫的CSS預(yù)處理器。
• LESS：向下兼容CSS并為當(dāng)前的CSS增加額外的功能。
• ：只用寫純CSS而不用擔(dān)心瀏覽器加載緩慢。
• PCSS：一個用Python語言編寫的CSS預(yù)處理器。
• ：通過JS插件來轉(zhuǎn)換CSS。
• ：成熟、穩(wěn)定且強力的專業(yè)CSS擴展語言。
• ：用于nodejs的直觀、強健、極具特色的CSS語言。
• ：另一種CSS預(yù)處理器。

這里。

框架

• ：簡化了web開發(fā)工作流程。
• ：這個CSS框架為你提供易用的柵格系統(tǒng)、符合直覺的排版功能、有用的插件以及可打印的樣式
• ：最流行的HTML、CSS、JS框架
•  ：強力的、可擴展的、基于Sass的、采用BEM命名的面向?qū)ο驝SS框架
• ：一個高級響應(yīng)式前端框架。
• ：很好的用于制作Material Design風(fēng)格網(wǎng)站的框架。
• ：基于Material Design的現(xiàn)代響應(yīng)式前端框架。
• ：一套可用于所有web項目的小型響應(yīng)式CSS模塊。
• ：使用人性化html的強力框架。 
• ：一個超簡單的響應(yīng)式模板。 
• ：適用于手機、平板以及電腦端的柵格系統(tǒng)。

工具集

• Basscss：一個基本元素樣式與不可修改工具輕量級集合。
• Bourbon：用于Sass的簡單且輕量的混合庫。
• Corpus：另一個CSS工具集。
• Susy：用于Sass的響應(yīng)式工具集。

CSS結(jié)構(gòu)

• RSCSS：CSS樣式結(jié)構(gòu)的合理標準。
• ITCSS：用于大型UI項目的穩(wěn)定、可擴展、可控制的CSS架構(gòu)。

CSS標準化

• Normalize：一套提供較好的多瀏覽器默認樣式一致性的CSS規(guī)范。
• Normalize OpenType：為Normalize.css添加了OpenType特性，如連字、字間距等等。
• Reset：一套CSS標準，將全部的HTML元素調(diào)整到一致的基準線。
• sanitize.css：一套可立即使用的，符合當(dāng)今最優(yōu)實踐的CSS規(guī)范。

大型網(wǎng)站的CSS開發(fā)

• [Github的CSS方案]( Otto]()
• CodePen的CSS方案 by ，
• Lonely Planet的CSS方案 by ，
• Groupon的CSS方案 by ，
• Buffer的CSS方案 by ，
• HOOTSUITE的CSS方案 by Steve Mynett，
•  by ，
• Bugsnag的CSS架構(gòu) by ，
• Ghost的CSS方案 by Paul Davis，
•  by ，

代碼風(fēng)格指導(dǎo)

•  by .
•  by .
•  by .
•  by .
• ，作者ThinkUp
• ：

風(fēng)格指導(dǎo)

• ；
•  by .
•  by .
•  by .
•  by Sass team.
•  by .
•  by .

命名習(xí)慣和方式

• Atomic OOBEMITSCSS：
• ：
• SMACSS：
• Point North：
• ITCSS：
• OOCSS：
• Title CSS：
• idiomatic-css：
• Atomic Design：
• SUIT CSS：
• Kickoff CSS：

參考

其他資源

播客

編程時可以聽的一些內(nèi)容。

• ：Chris Coyier 和 Dave Rupert 的在線播客，涉及前端、UX的設(shè)計及開發(fā)。
• ：由 Anna Debenham 和 Brad Frost 主持的一些訪談。
• ：包含了幾乎所有 Web 相關(guān)的話題，比如網(wǎng)絡(luò)出版、藝術(shù)指導(dǎo)、內(nèi)容策略、版面設(shè)計、Web技術(shù)等等。
• ：與全世界的專家討論 Web 技術(shù)的變化和發(fā)展。
• ：挖掘出那些在數(shù)字藝術(shù)、設(shè)計以及開發(fā)領(lǐng)域最好的、最知名的并且最聰明的創(chuàng)客們。
• ：這個播客的口號是：“開源發(fā)展很快，快跟上”，致力于讓你跟上最新的開源技術(shù)。

Twitter

值得關(guān)注的活躍用戶

• ：@Autoprefixer, 和 @PostCSS 的作者
• ：web設(shè)計師，@multimedial_utn 的教授，HTML5 & CSS狂熱愛好者，業(yè)余翻譯者。
• ：@Codrops CSS Reference的作者，Smashing Book #5的合著者。
• ：@edenspiekermann 的 CSS 怪才以及 Sass 黑客
• ：前端開發(fā)者、@GA_London 的教師， 的視頻作者，宅男，吃貨。
• ：愛吃大米，同時也是一個UX設(shè)計師，作者，@smashingmag 編輯以及程序員。
• ：開源的粉絲和支持者
• ：設(shè)計師、開發(fā)者、作家。偶爾在
• ：最近忙于 CSSWG 的公共 Mercurial 庫
• ：responsiblerwd 的作者，現(xiàn)在 abookapart上 面在打折
• ：Web開發(fā)者、作者、老師以及演說者。
• ：Web設(shè)計師、開發(fā)者，專注于CSS、RWD、UX以及無障礙開發(fā)。
• ：主要研究node.js、javascript、開源模塊、客戶端優(yōu)化、web性能相關(guān)。
• ：將代碼與設(shè)計聯(lián)系起來的谷歌員工。
• ：Yahoo 的 CSS 開發(fā)者
• ：Twitter的軟件工程師
• - @google, @Etsy, @kickstarter, @BBC, @Deloitte, @FT等的前端設(shè)計顧問
• -谷歌工程師、開源擁護者、開發(fā)者、設(shè)計師、寫手。
• ：MIT_CSAIL, @CSSWG IE, @OReillyMedia作者的研究助理，前W3C員工
• ：CSS和HTML是我的畫筆，我對認知科學(xué)、AI、HCI、UI設(shè)計以及天體物理學(xué)很感興趣，數(shù)碼控。
• ：BMDesign以及Sassvocate的前端工程師，團隊建設(shè)者以及手工藝者。座右銘：所有東西都應(yīng)該開源！
• ：CodePen的設(shè)計師，Real_CSS_Tricks作者
• ：極客！
• ：谷歌的工程師，參與項目有Chrome、web組件、Polymer
• ：熱愛爬山、啤酒以及美食。
• ：Web開發(fā)者，《CSS: The Missing Manual》和《JavaScript & jQuery: The Missing Manual》的作者，
• ：Mozilla開發(fā)者，CSS以及W3C標準的「外交官」。
• ：W3C的CSS工作團隊聯(lián)合主席，企業(yè)家，軟件工程師，極客，兩個孩子的爸爸，通曉多國語言，喜歡鴨子。
• ：愛恨分明，家庭美滿，寫代碼，主導(dǎo) LinkedIn 的樣式。
• ：女程序員，SassCSS 的主設(shè)計師和開發(fā)者，在谷歌做 Dart 語言相關(guān)工作。
• ：Web設(shè)計師、演講者、寫手、顧問、音樂家。
• ：前端工程師，自由職業(yè)者，UI/UX開發(fā)者。
• ：在GitHub和Bootstrap工作，曾就職于Twitter，超級書呆子。
• ：UI設(shè)計師，CSS開發(fā)者
• ：GitHub設(shè)計師
• ：他的推都是關(guān)于CSS尺寸單元的
• ：設(shè)計師、開發(fā)者、寫手、演講者。我在網(wǎng)上做些東西，我寫的SMACSS。

視頻

一個很有用的必看視頻清單，這個清單是從 的 復(fù)制過來的，我已經(jīng)在Twitter上跟他說了，非常感謝！

2015

1. : Mark Otto, jQuery UK 30:06.
2. : Caleb Meredith, DevTips channel 30:15. 用SMACSS搭建CSS結(jié)構(gòu)
3. : Jonathan Snook, Generate conf 2015 46:06. 從頭開始學(xué)習(xí)CSS工作流

2014

1. : Harry Roberts, Industry Conf 48:48.
2. : Jonathan Snook, Beyond Tellerand 53:49.
3. : Kushagra Gour, CSSConf.Asia 35:55.
4. : Alicia Liu, Front-Trends 33:21.
5. : Angelina Fabbro, CSSConf.US 34:19.
6. : Sara Soueidan, CSSConf.EU 29:16.
7. : Brad Westfall, HTML5DevConf 42:47.
8. : Patrick Hamann, CSSConf.EU 33:42.
9. : Val Head, Multi-Mania 45:49.
10. : Tab Atkins, CSS Day 49:31.
11. : Nicolas Gallagher, dotCSS 28:46.
12. : Philip Walton, SFHTML5 40:02.
13. : Addy Osmani, CSSConf.EU 46:27.
14. : Mathias Bynens, CSS Day 45:35.
15. : Heydon Pickering, CSS Day 49:51.
16. Kyle Simpson, Front-Trends 39:04.

2013

1. : Pamela Fox, CSSConf.US 28:48.
2. : Lea Verou, JSConf.Asia 44:49.
3. : Jakob Mattsson, JSConf.Asia 42:07.
4. : Nicole Sullivan, CSSConf.EU 20:57.
5. : Nicolas Gallagher, SmashingConf 38:36.
6. : Jina Bolton, SassConf 48:08.
7. : Harry Roberts, CSSConf.EU 43:40.
8. : Addy Osmani, Velocity Europe Conference 5:57.
9. : Lea Verou, Future of Web Design 37:07.
10. : Chris Eppstein, CSSConf.EU 38:54.
11. : Christian Vuerings, SF HTML5 User Group 14:16.
12. : Ana-Maria Tudor, CSSConf.EU 30:27.
13. : Nicole Sullivan, TXJS 27:50.
14. : Angelina Fabbro, CSSConf.EU 31:38.
15. : Harry Roberts, Beyond Tellerand 41:57.
16. : Lea Verou, W3Conf 60:39.
17. : Renato Iwashima, HTML5DevConf 52:33.

2012

1. : Julie Ann Horvath, HTML5DevConf 29:39.
2. : Jon Rohan, CSS Dev Conf 40:50.

2010

1. : Dan Cederholm, Build Conference 44:29.
2. : Nicole Sullivan, Build Conference 37:53.

詳情請咨詢！

客服熱線：023-66090381