Styled System
Dec 19, 2019
從 Styled System 看下一代 CSS 技術
從 CSS 的技術演變到 Styled System 的介紹，分享 React 實作 Styled System 的技巧以及目前市面上常見現成套件的選擇。
Oct 21, 2019
Styled System 的開發心得與 Q&A
將 Styled System 的使用心得以及 2019 Modern Web 會眾提出的問題，整理成 Q&A
Aug 29, 2019
We need a better UI component library - Styled System
我們開發網站時，可能會使用 UI Library 讓專案開發更有效率，例如：早期的動態網站，透過 Bootstrap 或是 Pure CSS 等 CSS Framework ，幫助我們快速建立網站。但隨著前端技術的演進，SPA （Single Page Application）架構興起，這些 CSS Framework 已經不太適合在「元件化」的專案裡使用，我們可能需要自己封裝，或是使用已經封裝好的 UI Library。 像是 Material-UI、Ant Design 等元件化的 UI Library，讓我們能夠直接透過 JavaScript 套用 UI Library，可以更方便使用別人撰寫好的樣式，但同時也失去了彈性，如果需要開發客製化的網站，我們不再像以前可以直接的修改 HTML 結構或是 CSS 樣式，使用這些 UI Component Libraries 反而提高專案維護的困難度。 如今我們希望能夠有一套 UI component Library 可以同時具有元件化的方便性，又能夠達成客製化的需求，透過 Styled System 幫助我們建立更有彈性的元件，組裝出屬於自己風格的網站！
