Tech

這次製作的料理，主要是使用原生的 CSS 變數 實做出深色模式和淺色模式的切換。除此之外，我們還會利用 HTML input 標籤當中的 checkbox 實做 『切換』這個動作，以下將介紹這些食材的特性。

在前端切版時應該會很常遇到 UI Component 的困難，像是 Component 命名、撰寫方式、可擴充、可共用性等問題。

我雖然不是準 React 工程師，單純因為工作關係接觸了 Next.js 、 Tailwind CSS ，就此愛上這種以資料驅動樣式改變、建立組織、 Component 的方式。

筆者身為網頁設計師一半設計師、一半工程師，蠻多時候會花時間在設計稿與 CSS 樣式調整，以下我將分享工作中常用的小工具網站，減少設計稿和網頁切版的落差。