使用 Tailwind v4 和 Next.js 實作深色模式與主題切換(此文已搬移至 https://www.thingsaboutweb.dev/zh-TW/posts/dark-mode-with-tailwind-v4-nextjs )Nov 301Nov 301
你可能不知道的 CSS 變數細節 — 2. 使用 var() 以及實際應用CSS 變數使用技巧詳解,深入解析 `var()` 取值細節、變數權重影響、空白預設值及無效值處理。進階示範包括以 `@property` 定義動畫變數,和利用 CSS Space Toggle 技巧實現深淺色主題切換,展示 CSS 變數如何增強樣式控制的靈活性與應用範圍。Nov 12Nov 12
你可能不知道的 CSS 變數細節 — 1. 命名規則與賦值方法這篇文章深入探討 CSS 變數的命名規則與賦值方法,涵蓋如何正確設定自定義屬性名稱、避免常見解析錯誤,以及在不同情境下靈活使用 CSS 變數的實用技巧。透過這些基礎知識,讓您在樣式設計中更有效率地運用變數,並擴展其應用範圍。Nov 7Nov 7
流程圖的基本圖示介紹、範例與實際應用(本文已搬至 https://www.thingsaboutweb.dev/zh-TW/posts/flowchart-introduction )Jun 10Jun 10
投遞被拒絕,該怎麼辦?求職過程中,我們可能經歷無回應的投遞、面試失敗及被拒絕的挑戰。但這不代表能力不足,而是需求不匹配。學習從失敗中成長,深入探究拒絕原因,並不斷改善,是實現職涯目標的關鍵步驟。Dec 25, 2023Dec 25, 2023
我的 『務實的工程師 The Pragmatic Programmer 』讀後心得The Pragmatic Programmer 是一本已出版 20 年的經典書籍。書如其名,對於想把軟體落地,產生改變的工程師們,這是一本必須要看的經典。裡面講述的原則至今仍然重要,可以讓工程師們受到啟發與學習。Dec 2, 2023Dec 2, 2023
使用瀏覽器的『閱讀模式』閱讀模式有以下好處:1. 減輕眼球壓力:字大一點、對比不要過高、背景不要過亮,這些都可以延長閱讀的時間 2. 減低不必要的干擾:閱讀模式會盡可能的排除閱讀雜訊,讓讀者盡可能的專注在內容上 3. 加速內容吸收效率:字大一點、對比正確的情況下,閱讀速度會變快。Jul 15, 20231Jul 15, 20231
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, 20231Jul 7, 20231
一窺 Copilot 設計幕後談談 Copilot 設計的理念,包括讓用戶掌握控制權、教育為先、讓等待變得值得、有目的性的設立斷點和通過視覺識別進行溝通等方面。作者強調了學習型心態的重要性,並呼籲設計師們應該積極尋求反饋,擁抱全方位學習的態度,並通過公開設計來分享學習成果。Apr 27, 2023Apr 27, 2023