RWD

RWD, AWD 與 WD-40

13 min read RWDAWDWD40Responsive web designAdaptive web designContent flowBreakpoints
很久沒有寫關於排版的文章，恰巧最近同事間討論到關於畫面資料流（ Content Flow ）的問題，所以把這個老話題在拿出來嘴一下，順便填充一下部落格的內容。 但，太久沒有寫文章實在是過於生疏。 -------------------------------------------------------------------------------- WD-40 > WD-40 超棒噠～ [https://zh.wikipedia.org/wiki/WD-40] 這個比較跟本文無關，只是為了 WD 的埂而已。 -------------------------------------------------------------------------------- RWD 全名叫做 Responsive web design [https://zh.wikipedia.org/

[CSS] 關於 Grid Layout 的使用姿勢

10 min read CSSGrid SystemGrid Layout切版RWD前端樣式
CSS Grid 其實已經不是什麼很新的東西，只是最近看到有一個實驗性功能，被 Chrome 正式版本採用，覺得好像應該來寫一個筆記文來記錄一下。順便當作是小小的教學文章也可以，反正 CSS 對我來說也從來沒有真正熟悉過。 Grid 網格系統 CSS 自從 Level 3 之後，後續所有發展的項目，都有屬於自己的 Level。所以 CSS Grid 自然就會有自己的一套。正式的名稱叫做 CSS Grid Layout Module Level 1