發(fā)布時間：2016-12-10 10:31

  本文關(guān)鍵詞：Sass與Compass實戰(zhàn)，由筆耕文化傳播整理發(fā)布。

> 其他綜合 > Sass與Compass實戰(zhàn) 推薦序二 2014-04-30 15:19:03         我要投稿   

本文所屬圖書 > Sass與Compass實戰(zhàn)

本書共分為10 章，旨在完整介紹兩個工具：Sass 和Compass，從而引領(lǐng)讀者通過框架高效地構(gòu)建樣式表，創(chuàng)建動態(tài)頁面。本書介紹了Sass 如何通過選擇器嵌套和變量來幫助避免重復(fù)，以及通過繼承和混合器等特性更加高  立即去當(dāng)當(dāng)網(wǎng)訂購

CSS1在1996年提出時，目的是作為一個簡單的樣式機制，讓作者與讀者都能為HTML文件添加或改寫樣式，但是僅限于字體、顏色、框線、間距等。在當(dāng)初的建議書 的附錄有這句話：

我們不指望CSS會進(jìn)化成一門程序語言。

這句話在2014年讀來，，是多么地諷刺。今天如果你不掌握任何一種CSS預(yù)處理器，大概都不好意思說自己是個合格的前端工程師。

當(dāng)時規(guī)劃CSS語言的人們認(rèn)為，每個人都應(yīng)該可以輕松掌握CSS，所以它不能太復(fù)雜，更不應(yīng)該有一般程序語言具備的變量、邏輯、函數(shù)，等等。但是隨著現(xiàn)實需求越來越多，CSS陸續(xù)增添了排版布局、陰影圓角、動畫分鏡，甚至3D特性，使得CSS網(wǎng)頁設(shè)計早已不是一件簡單的事情。更何況我們還得面對“一千零一個”瀏覽器臭蟲與兼容問題，以及像是罰寫小學(xué)生的眾多廠商前綴。撰寫CSS成了一種黑魔術(shù)，更別提要維護(hù)它了。

幸好我們不需要絕望，隨著LESS、Sass、Stylus等CSS預(yù)處理器的興起，我們有了另一種選擇。網(wǎng)頁設(shè)計師與開發(fā)者可以“別做重復(fù)勞動”（DRY，Don’t Repeat Yourself），撰寫CSS也仍然可以充滿樂趣。

Sass 3.0版在2010年5月釋出，增添了與CSS兼容的SCSS語法，并且搭配Compass的強大社群支持，從此邁向了主流道路。筆者在2013年底參加了CSSDevConf，開場Keynote的知名設(shè)計師Zoe Gillenwater更建議所有網(wǎng)頁設(shè)計師都應(yīng)該開始學(xué)習(xí)Sass。會場上幾乎沒有人講“CSS預(yù)處理器”，只問：“你的項目用了Sass嗎？”時至今日，Chrome與Firefox的開發(fā)者工具都已經(jīng)內(nèi)建SCSS與LESS語法的支持。

同樣是在2010年，當(dāng)時我仍然在自己創(chuàng)辦的設(shè)計公司Handlino服務(wù)。每次我遇到設(shè)計師朋友們，都會興奮地向他們介紹Sass/Compass。只要我稍稍展示變量與圖片精靈（第6章）功能，所有人都立刻想要改用Sass/Compass。但是當(dāng)他們發(fā)現(xiàn)“天啊，這玩意得要會使用命令行”，熱情立刻就被澆熄了：“你別鬧了，我不可能學(xué)會的！”

那年年底的一個周末，我的同事tka心血來潮，撰寫出了一個跨平臺的Sass/Compass圖形界面工具，立刻受到大家的歡迎。我們決定將它命名為Compass.app ，將程序開源釋出，并且在網(wǎng)絡(luò)上販賣預(yù)先編譯好的軟件。我們承諾捐出30%獲利到Compass指定的慈善機構(gòu)（Compass是一個慈善軟件），因而獲得了Compass作者Chris Eppstein（也是本書作者）的支持。截至去年，我們已經(jīng)累積捐出超過15000美元。以一個開源軟件來說，這實在是個不可思議的成績。

Sass已經(jīng)釋出了最新的3.3版，Compass也即將邁向1.0版這個重大的里程碑。很高興聽到
《Sass與Compass實戰(zhàn)》即將出版的消息，更感謝李松峰老師與譯者群投注的辛苦。相信你也能重拾撰寫CSS的樂趣。

薛良斌，Compass.app & Fire.app開發(fā)者
2014年3月15日

點擊復(fù)制鏈接 與好友分享!回本站首頁 您對本文章有什么意見或著疑問嗎？請到論壇討論您的關(guān)注和建議是我們前行的參考和動力   上一篇：推薦序一 下一篇：譯者序一 相關(guān)文章 圖文推薦

  本文關(guān)鍵詞：Sass與Compass實戰(zhàn)，由筆耕文化傳播整理發(fā)布。

本文編號：209150