寫在最前面,多數情況下,網站的內容使用瀑布流的呈現方式並不多。而這種呈現方式,我記得好像是因為 Pinterest 而紅起來的(有錯誤請指正)。
為何說是難題?我只是想用這個來解釋 Flexbox, Grid 遇到的困難點。
--------------------------------------------------------------------------------
瀑布流流去哪?
給我一個 Box
這個埂知道就知道,不知道的不要問。之所以叫做 瀑布 故名思義,就是由上到下(由左到右)的一種排列方式。主要是用於呈現 卡牌類型
的內容,每一張卡牌的寬度是相同的,然後高度不同,所以由上到下依序排列出 多欄 式的結構。
很久沒有寫關於排版的文章,恰巧最近同事間討論到關於畫面資料流( Content Flow )的問題,所以把這個老話題在拿出來嘴一下,順便填充一下部落格的內容。
但,太久沒有寫文章實在是過於生疏。
--------------------------------------------------------------------------------
WD-40
> WD-40 超棒噠~ [https://zh.wikipedia.org/wiki/WD-40]
這個比較跟本文無關,只是為了 WD 的埂而已。
--------------------------------------------------------------------------------
RWD
全名叫做 Responsive web design
[https://zh.wikipedia.
因應武漢肺炎(NCP,2019 新型冠狀病毒)造成的口罩之亂,原本由便利商店販售的動作,改由政府接手,這件事情確實在 g0v 上面發酵,然後我只是跟風而已。
--------------------------------------------------------------------------------
起源
其實在 Facebook 看到這個訊息,覺得這應該是很多工程師的肝換來的!政府方面也透過唐鳳的協助,在短短 3 天內,提供了全台健保藥局加上衛生所的開放資料
API(神!),目前在 g0v 上面還是有公開筆記可以查閱。
> https://g0v.hackmd.io/gGrOI4_