使用 Tailwind v4 和 Next.js 實作深色模式與主題切換（此文已搬移至 https://www.thingsaboutweb.dev/zh-TW/posts/dark-mode-with-tailwind-v4-nextjs ）Nov 30, 2024A response icon1Nov 30, 2024A response icon1
你可能不知道的 CSS 變數細節 — 2. 使用 var() 以及實際應用CSS 變數使用技巧詳解，深入解析 `var()` 取值細節、變數權重影響、空白預設值及無效值處理。進階示範包括以 `@property` 定義動畫變數，和利用 CSS Space Toggle 技巧實現深淺色主題切換，展示 CSS 變數如何增強樣式控制的靈活性與應用範圍。Nov 12, 2024Nov 12, 2024
你可能不知道的 CSS 變數細節 — 1. 命名規則與賦值方法這篇文章深入探討 CSS 變數的命名規則與賦值方法，涵蓋如何正確設定自定義屬性名稱、避免常見解析錯誤，以及在不同情境下靈活使用 CSS 變數的實用技巧。透過這些基礎知識，讓您在樣式設計中更有效率地運用變數，並擴展其應用範圍。Nov 7, 2024Nov 7, 2024
流程圖 (Flowchart) 的基本圖示介紹、範例與實際應用流程圖 (Flowchart) 是一種很萬用的圖解形式，透過幾個簡單的元素，告訴讀者一件事情發生的先後順序，可能的分支等。讓讀者們聚焦在『這整件事情下面會發生什麼，彼此之間的先後關係是什麼』上。Jun 10, 2024Jun 10, 2024
投遞被拒絕，該怎麼辦？求職過程中，我們可能經歷無回應的投遞、面試失敗及被拒絕的挑戰。但這不代表能力不足，而是需求不匹配。學習從失敗中成長，深入探究拒絕原因，並不斷改善，是實現職涯目標的關鍵步驟。Dec 25, 2023Dec 25, 2023
我的 『務實的工程師 The Pragmatic Programmer 』讀後心得The Pragmatic Programmer 是一本已出版 20 年的經典書籍。書如其名，對於想把軟體落地，產生改變的工程師們，這是一本必須要看的經典。裡面講述的原則至今仍然重要，可以讓工程師們受到啟發與學習。Dec 2, 2023Dec 2, 2023
使用瀏覽器的『閱讀模式』閱讀模式有以下好處：1. 減輕眼球壓力：字大一點、對比不要過高、背景不要過亮，這些都可以延長閱讀的時間 2. 減低不必要的干擾：閱讀模式會盡可能的排除閱讀雜訊，讓讀者盡可能的專注在內容上 3. 加速內容吸收效率：字大一點、對比正確的情況下，閱讀速度會變快。Jul 15, 2023A response icon1Jul 15, 2023A response icon1
ChatGPT Code Interpreter 是什麼？可以拿他來做什麼？OpenAI 的 Code Interpreter 就像一個你的 python 的小助理，不僅會依據你的需求寫扣，還可以自己執行、找出錯誤並調整，最後輸出你想要的內容。如果能好好利用這個工具，可以大幅的增加數位世界的生產力Jul 14, 2023Jul 14, 2023
ECMAScript 2023 的四個新玩意來看看 ES 2023最近剛定案的四個新功能： Array.prototype.findLast / findLastIndex, Immutable 的陣列修改方式, WeakMap 支援 Symbol 作為 key 以及支援 hashbang 語法Jul 7, 2023A response icon1Jul 7, 2023A response icon1
一窺 Copilot 設計幕後談談 Copilot 設計的理念，包括讓用戶掌握控制權、教育為先、讓等待變得值得、有目的性的設立斷點和通過視覺識別進行溝通等方面。作者強調了學習型心態的重要性，並呼籲設計師們應該積極尋求反饋，擁抱全方位學習的態度，並通過公開設計來分享學習成果。Apr 27, 2023Apr 27, 2023
