CSS編譯器,哪個最令你傾心?
顧名思義,CSS編譯器就是把用另一種語法寫成的樣式程式碼編譯成標準CSS程式碼的程式。時至今日,可能還有不少鐵桿兒CSSer拒絕使用這些“額外”的工具,反感這些“語法糖”般的包裝。
但不可否認的是,一方面CSS標準語法本身確實存在諸多先天不足(比如不支援程式碼層面的重用、巢狀和繼承),另一方面各瀏覽器對CSS的實現也存在各種不相容性(只消想想那些瀏覽器字首)。這些都是催生下面這些CSS編譯器的內在動力。就跟使用大多數語言的框架和庫一樣,只要多一點點耐心,稍微花一點點時間,你就能發現它們各自的美,就可以輕鬆地擁抱這些技術創新,享受到它給你的工作帶來的效率和樂趣。
Sass
網址:http://sass-lang.com/
許可:MIT license
作者: Hampton Catlin, Nathan Weizenbaum, Chris Eppstein等
用法:客戶端(安裝Ruby、安裝Gems、編譯)和伺服器端(作為Rubby等外掛)
特性:變數、巢狀、(引數化)混入、選擇符繼承
less
網址:http://lesscss.org
許可:Apache License
作者:Alexis Sellier(http://cloudhead.io/)
用法:客戶端(下載包含less.js,把.less樣式表寫在指令碼之前;命令列方式)和伺服器端
特性:變數、(引數化)混入、選擇符巢狀、運算
HSS
網址:http://ncannasse.fr/projects/hss
許可:未查明
作者:Nicolas Cannasse
用法:下載編譯器HSS.exe,命令列編譯
特性:屬性變數、塊變數、塊巢狀、運算、CSS驗證、Hack
xCSS
網址:http://xcss.antpaw.org/
許可:MIT License
作者:Anton Pawlik
用法:線上編譯
特性:選擇符繼承、選擇符巢狀、變數、多檔案
CleverCSS
網址:http://sandbox.pocoo.org/clevercss/
許可:GNU GPL
作者:Armin Ronache
用法:使用Python編譯
特性:巢狀、引用父選擇符、運算等
相關文章
- CSS預編譯器CSS編譯
- stylus(css預編譯器)CSS編譯
- python編輯器哪個好Python
- 翻譯英文軟體哪個好?中文翻譯英文最便捷的方法
- 小白說編譯原理-9-最簡單minus-c語言編譯器編譯原理C語言
- gcc 編譯器與 clang 編譯器GC編譯
- Top 10 JavaScript編輯器,你在用哪個?JavaScript
- 當心編譯器生成的隱含成員函式 (轉)編譯函式
- [譯]19個CSS level 4 選擇器CSS
- javascript編寫一個簡單的編譯器JavaScript編譯
- 你可能沒用過的10款優秀程式碼編輯器 最喜歡哪個?
- 淺談彙編器、編譯器和直譯器編譯
- [譯]iOS編譯器iOS編譯
- scss如何編譯成css?CSS編譯
- NDK clang編譯器的一個bug編譯
- Google提供了一個Javascript編譯器GoJavaScript編譯
- 編譯器的編譯基本過程編譯
- 一張圖解析 編譯器編譯流程圖解編譯
- 從編譯原理看一個直譯器的實現編譯原理
- 10個程式設計師最喜歡的HTML和CSS等線上程式碼編輯器程式設計師HTMLCSS
- 10個程式設計師最喜歡的 HTML和CSS 等線上程式碼編輯器程式設計師HTMLCSS
- CUDAFORTRAN編譯器編譯
- vue編譯器Vue編譯
- 【譯】如何更好的編寫CSSCSS
- 用 JavaScript 寫一個超小型編譯器JavaScript編譯
- 如何用 css 畫一個心形CSS
- CSS 和 JS 動畫哪個更快CSSJS動畫
- 程式碼線上編譯器(上)- 編輯及編譯編譯
- Apache Vs Nginx哪個最適合您的 Web 伺服器?ApacheNginxWeb伺服器
- python與nodejs寫爬蟲你更傾向於哪個一個?PythonNodeJS爬蟲
- Go編譯器簡介【譯】Go編譯
- Ubuntu編譯Android整個系統以及編譯指定模組到模擬器Ubuntu編譯Android
- 前端與編譯原理——用 JS 寫一個 JS 直譯器前端編譯原理JS
- 前端與編譯原理——用JS寫一個JS直譯器前端編譯原理JS
- 編譯器如何生成彙編編譯
- FreeBSD中的GNU C編譯器--編譯器GCC(轉)編譯GC
- WordPress古騰堡編輯器和經典編輯器詳細對比,哪個好用?
- 實現一個簡單的 JavaScript 編譯器JavaScript編譯