Flexbox Patterns — 1 個學 Flexbox 應用的好所在
現在網頁設計幾乎都會用到 Flexbox, 原因在於它強大又彈性的排版功能,可以滿足各式各樣的版面需求,小至含圖示的輸入框,大至圖片網格呈現都能夠使用 Flexbox 打造。
不過現代各大 UI Framework 框架都包裝的非常好,多數人可能也沒有時間去了解這些美麗的 UI 元件是用什麼 CSS 功能所打造的,所以很常會遇到 UI 元件不知道怎麼修改成想要的樣子,或者跑版也不知道問題在哪,更是不知道怎麼修正,我以前就是因為這樣覺得 Bootstrap 或是某某框架不好用,但歸根究底就是自己對底層知識不純熟,才導致這樣的誤解⋯⋯。
所以會用 Framework 之外,個人建議也要花點時間理解它底層的原理,才能夠真正駕馭它,這樣甚至能夠輕鬆跨足到其他 Framework 。
Flexbox Patterns 就是 1 個讓人理解 Flexbox 各種應用模式的好網站,首頁直接列出各種 Flexbox 能夠做到的應用,你可以點進去看說明以及 CSS, HTML 或 JavaScript 相關程式碼,就可以學到相關的實務技術,而且它的範例很專注、很純粹,相較於去分析 UI Framework 裡的元件來說, Flexbox Patterns 裡的範例更容易理解,再此推薦給各位!