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 裡的範例更容易理解,再此推薦給各位!

Flexbox Patterns

Facebook Threads X

對抗久坐職業傷害

研究指出每天增加 2 小時坐著的時間,會增加大腸癌、心臟疾病、肺癌的風險,也造成肩頸、腰背疼痛等常見問題。

然而對抗這些問題,卻只需要工作時定期休息跟伸展身體即可!

你想輕鬆改變現狀嗎?試試看我們的 PomodoRoll 番茄鐘吧! PomodoRoll 番茄鐘會根據你所設定的專注時間,定期建議你 1 項辦公族適用的伸展運動,幫助你打敗久坐所帶來的傷害!

贊助我們的創作

看完這篇文章了嗎? 休息一下,喝杯咖啡吧!

如果你覺得 MyApollo 有讓你獲得實用的資訊,希望能看到更多的技術分享,邀請你贊助我們一杯咖啡,讓我們有更多的動力與精力繼續提供高品質的文章,感謝你的支持!