CSS 魔術師 Houdini API 介紹

前言今天想繼續 CSS 的議題,常常會覺得學 CSS 的新發展不太划算,因為每次看到新的 Feature 出現,都只能當下興奮個幾分鐘,然後就會認命接受可能還要再等個五年才能真正使用的可能性…如果你有跟我一樣的感受,那今天這篇文章或許可以帶給你一絲絲希望。 在現今的 Web 開發中,JavaScript 幾乎佔據所有版面,除了控制頁面邏輯與操作 DOM 物件以外,連 CSS 都直接寫在 JavaScript 裡面了,就算瀏覽器都還沒有實

Read More...

與 CSS Grid 的第一次接觸

前言建構網頁佈局是製作網站的基本動作之一,隨著設計多樣性與功能複雜度的提升,開發者必須利用 table, inline, float, clear, 或是 positioning 等方式來 hack 頁面配置,但不管是哪種方式都各自有其缺乏的功能,也因此催生出許多 CSS Framework 提供的 Grid System 來加速佈局開發。 幾年前出現的 FlexBox 宛如神兵利器,讓我們可以擺脫這些困擾,快速進行排版,而隨著 CSS

Read More...