CSS的熱點回顧涉及的內容包括:最新推薦閱讀的文章、業界的動態、最新推薦的工具和各種創意。儘管每一期可能有所不同,但大體是這個結構。如果你也在跟進CSS這塊的技術,歡迎投遞分享CSS技術文章與資訊到這裡,或者加入我們的 前端開發 小組,同我們一道翻譯與傳播優質的內容。
推薦閱讀
Addy Osmani 通過這篇文章講述瞭如何使用Chrome DevTools來讓你的網站更流暢。
在這篇教程中,Nicole Merlin 展示瞭如何建立一個簡單的響應式HTML郵件,並且確保可以在每一個郵件客戶端(包括手機郵件客戶端和App)上正確顯示。其方法就是採用最小的Media query和不固定寬度的方式,儘可能地保證相容性。
文章與教程
Josh Medeski 在這篇文章中分享了一些通過Emmet來幫助你更高效地寫CSS的技巧。
《響應式相簿》
Terry Mun 寫的一篇教程,介紹瞭如何開發一個用來展示相簿的Wordpress外掛。展示相片的效果很好,請參見這個Demo。
Tommy Marshall 在這篇文章中探索了一種讓你的前端程式碼保持 DRY 的新方法。不過,這種方式也有多個缺陷,參見作者的介紹和文章的評論。
Firefox 29 開始支援CSS變數了,或者稱之為自定義屬性。你可以定義CSS變數,然後在樣式中引用它們。
CSS變數應該繼續交給前處理器(例如:Saas, LESS),還是瀏覽器?
《如何解決在Google Chrome下的難看的字型渲染問題》
Christian Lavie 展示瞭如何優雅地解決WebFonts的渲染問題。這種方案的唯一不足之處就是你不得不自己儲存字型相關的檔案。
工具
《Myth》
Myth 是一個CSS前處理器。通過它,你可以專注於寫純CSS程式碼,而不必擔心瀏覽器的版本(不支援新特性)。
《Unison.js – 在CSS、JS和HTML中統一斷點》
Unison.js是一個外掛,它允許你在一個地方定義斷點,然後自動同步到JS、CSS和HTML中。