CSS 熱點回顧第一期

伯樂線上發表於2013-12-30

CSS的熱點回顧涉及的內容包括:最新推薦閱讀的文章、業界的動態、最新推薦的工具和各種創意。儘管每一期可能有所不同,但大體是這個結構。如果你也在跟進CSS這塊的技術,歡迎投遞分享CSS技術文章與資訊到這裡,或者加入我們的 前端開發 小組,同我們一道翻譯與傳播優質的內容。

推薦閱讀

用Chrome DevTools來為你的網站提速

Addy Osmani 通過這篇文章講述瞭如何使用Chrome DevTools來讓你的網站更流暢。

建立一個簡單的響應式HTML郵件

在這篇教程中,Nicole Merlin 展示瞭如何建立一個簡單的響應式HTML郵件,並且確保可以在每一個郵件客戶端(包括手機郵件客戶端和App)上正確顯示。其方法就是採用最小的Media query和不固定寬度的方式,儘可能地保證相容性。

文章與教程

通過Emmet來為你的CSS開發提速

Josh Medeski 在這篇文章中分享了一些通過Emmet來幫助你更高效地寫CSS的技巧。

響應式相簿

Terry Mun 寫的一篇教程,介紹瞭如何開發一個用來展示相簿的Wordpress外掛。展示相片的效果很好,請參見這個Demo

BEM,多修飾符,嘗試使用屬性選擇器

Tommy Marshall 在這篇文章中探索了一種讓你的前端程式碼保持 DRY 的新方法。不過,這種方式也有多個缺陷,參見作者的介紹和文章的評論。

Firefox 29支援CSS變數

Firefox 29 開始支援CSS變數了,或者稱之為自定義屬性。你可以定義CSS變數,然後在樣式中引用它們。

Sasstraction

CSS變數應該繼續交給前處理器(例如:Saas, LESS),還是瀏覽器?

如何解決在Google Chrome下的難看的字型渲染問題

Christian Lavie 展示瞭如何優雅地解決WebFonts的渲染問題。這種方案的唯一不足之處就是你不得不自己儲存字型相關的檔案。

工具

Myth

Myth 是一個CSS前處理器。通過它,你可以專注於寫純CSS程式碼,而不必擔心瀏覽器的版本(不支援新特性)。

Unison.js – 在CSS、JS和HTML中統一斷點

Unison.js是一個外掛,它允許你在一個地方定義斷點,然後自動同步到JS、CSS和HTML中。

相關文章