JayLin教你製作DarkMode & LightMode 主題在你的網站上
閱讀時間約 1 分鐘
教大家如何用TailwindCSS來做現代蠻流行的DarkMode和LightMode之間轉換😃
註: 最後面"dark"請改為"black"，錄製太快沒有看到有錯誤
學習重點
- Tailwind CSS 動畫運用
- React 按鈕上運用
- 實施 React Icon
額外資源教學
如果你對基礎有不了解地方可以前往以下去學習，Tailwind CSS 初學課程教學 - https://vocus.cc/article/64643471fd897800017d35e1
更多相關教學文章持續更新，請別忘記追蹤呦
JayLinXR YT: https://www.youtube.com/@jaylinxr
JayLinXR IG: https://www.instagram.com/jaylin_xr/
為什麼會看到廣告
12會員
32內容數
設計 + 程式，是一個出版對設計和程式的學習影片和教學文章，目的是為了讓大家能加快學習最新技術以及設計相關題目去思考如何改變產品的設計體驗。 請追蹤JayLinXR獲得最新消息: https://www.youtube.com/@jaylinxr
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
這篇文章介紹了快速記憶的方法，包括如何利用瞬讀筆記術來更有效地背誦課文。作者分享了瞬讀筆記術的作用，以及可以應用在考試準備中的建議。這篇文章提到了圖像化和視覺筆記在記憶中的重要性，並列舉了一些相關的書籍。透過這些方法和建議，考生可以提升自己的記憶力和應試能力。
在這個療癒自己的世代，將名言和語錄轉化為金句庫是一種分享和啟發他人的方式。而現在，我們可以透過 ChatGPT，以更簡單又創意的方式製作獨特的 Notion Quotes 卡片。因此，本篇文章將教你如何運用 ChatGPT 來製作 Notion Quotes 卡片，讓你的頁面更加豐富及溫暖。
在職場上，名牌是一種常見的禮儀用品，用來展示個人身份和資訊。在會議、研討會、招聘會等場合，名牌可以幫助我們快速認識新朋友，建立良好的第一印象。
手繪名牌雖然可以展現個人特色，但製作起來比較費時費力。而使用Excel製作名牌，可以快速生成專業的雙面名牌，並且可以根據需要進行修改和調整。
如何使用E
在現今網站設計中，響應式設計已經成為一個重要的概念和技術。隨著人們使用各種不同的設備來瀏覽網站，如桌面電腦、平板電腦和手機，確保網站能夠在各種設備上正常運行並提供良好的使用者體驗變得至關重要。本文將介紹響應式設計的概念和重要性，並解釋如何使用媒體查詢和彈性佈局來實現響應式設計。
想要製作LINE貼圖卻不知道怎麼下手嗎？沒關係現在就來看這篇，輕鬆畫出專屬於你的貼圖！
獲奬無數的資深媒體人陳月卿，自2005年退出媒體工作，開始專注創食療養生推廣及寫作生涯，人稱「養生教母」。有此佳績，「綠拿鐵」居功厥偉。新鮮的蔬果透過調理機的充分攪拌，更容易消化吸收，且能增強消化功能、排除體內廢物及毒素，使身體能攝取足夠的纖維質及全營養。
這一篇文章我們繼續聊《如何做出爆紅Podcast》這本書，作者Eric Nuzum自創了一個在開始你的Podcast之前（如果你已經開始了，檢視自己如何把節目變得更好），必要的檢視清單，分別是
1. 你是誰
2. 你在和誰說話
3. 你有什麼要說的
4. 你希望對他們造成什麼樣的影響
關於你是誰，可
養生之道網指南：煮熟的茶是工夫茶中最引人注目的特徵，它反映在烹飪過程中，不僅僅是“更精緻”.....。
不僅工夫茶烹飪茶工夫茶反映在烹飪過程中的所有環節上，而是工夫茶的最突出的特徵。
1。州長：泥漿爐火，沙子銚水，皮膚，等待，淋杯。
2。 Natca：靜止沙銚銚，當出現軌跡時（不臨時），即沙子銚，淋
身為職場資歷最淺的菜鳥最擔心的事，莫過於「和大家不一樣」，不準時下班，儼然已是職場的潛規則，左顧右盼又不知所措的你又是什麼時候打卡下班呢？然而，晚下班真的能夠代表你的工作表現嗎？其實只要懂主管的心，用對工具，下班時間一到，我們一起帥氣轉身離開。
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
美國總統大選只剩下三天， 我們觀察一整週民調與金融市場的變化（包含賭局）， 到本週五下午3:00前為止， 誰是美國總統幾乎大概可以猜到60-70%的機率， 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Faker昨天真的太扯了，中國主播王多多點評的話更是精妙，分享給各位
王多多的點評
「Faker是我們的處境，他是LPL永遠繞不開的一個人和話題，所以我們特別渴望在決賽跟他相遇，去直面我們的處境。
我們曾經稱他為最高的山，最長的河，以為山海就是盡頭，可是Faker用他28歲的年齡...
這篇文章介紹了快速記憶的方法，包括如何利用瞬讀筆記術來更有效地背誦課文。作者分享了瞬讀筆記術的作用，以及可以應用在考試準備中的建議。這篇文章提到了圖像化和視覺筆記在記憶中的重要性，並列舉了一些相關的書籍。透過這些方法和建議，考生可以提升自己的記憶力和應試能力。
在這個療癒自己的世代，將名言和語錄轉化為金句庫是一種分享和啟發他人的方式。而現在，我們可以透過 ChatGPT，以更簡單又創意的方式製作獨特的 Notion Quotes 卡片。因此，本篇文章將教你如何運用 ChatGPT 來製作 Notion Quotes 卡片，讓你的頁面更加豐富及溫暖。
在職場上，名牌是一種常見的禮儀用品，用來展示個人身份和資訊。在會議、研討會、招聘會等場合，名牌可以幫助我們快速認識新朋友，建立良好的第一印象。
手繪名牌雖然可以展現個人特色，但製作起來比較費時費力。而使用Excel製作名牌，可以快速生成專業的雙面名牌，並且可以根據需要進行修改和調整。
如何使用E
在現今網站設計中，響應式設計已經成為一個重要的概念和技術。隨著人們使用各種不同的設備來瀏覽網站，如桌面電腦、平板電腦和手機，確保網站能夠在各種設備上正常運行並提供良好的使用者體驗變得至關重要。本文將介紹響應式設計的概念和重要性，並解釋如何使用媒體查詢和彈性佈局來實現響應式設計。
想要製作LINE貼圖卻不知道怎麼下手嗎？沒關係現在就來看這篇，輕鬆畫出專屬於你的貼圖！
獲奬無數的資深媒體人陳月卿，自2005年退出媒體工作，開始專注創食療養生推廣及寫作生涯，人稱「養生教母」。有此佳績，「綠拿鐵」居功厥偉。新鮮的蔬果透過調理機的充分攪拌，更容易消化吸收，且能增強消化功能、排除體內廢物及毒素，使身體能攝取足夠的纖維質及全營養。
這一篇文章我們繼續聊《如何做出爆紅Podcast》這本書，作者Eric Nuzum自創了一個在開始你的Podcast之前（如果你已經開始了，檢視自己如何把節目變得更好），必要的檢視清單，分別是
1. 你是誰
2. 你在和誰說話
3. 你有什麼要說的
4. 你希望對他們造成什麼樣的影響
關於你是誰，可
養生之道網指南：煮熟的茶是工夫茶中最引人注目的特徵，它反映在烹飪過程中，不僅僅是“更精緻”.....。
不僅工夫茶烹飪茶工夫茶反映在烹飪過程中的所有環節上，而是工夫茶的最突出的特徵。
1。州長：泥漿爐火，沙子銚水，皮膚，等待，淋杯。
2。 Natca：靜止沙銚銚，當出現軌跡時（不臨時），即沙子銚，淋
身為職場資歷最淺的菜鳥最擔心的事，莫過於「和大家不一樣」，不準時下班，儼然已是職場的潛規則，左顧右盼又不知所措的你又是什麼時候打卡下班呢？然而，晚下班真的能夠代表你的工作表現嗎？其實只要懂主管的心，用對工具，下班時間一到，我們一起帥氣轉身離開。