2025 iThome 鐵人賽
沒在獨自升級的 一起來
Modern Web
最新文章 熱門文章
選手 89 文章 2199
Modern Web
Day 26
2025-10-07
124
0
FlowNest 系列
Day26_滿版播放器與介面改版
滿版播放器 今天把播放器從原本「浮在上方、會擋內容」的樣子，改成貼齊瀏覽器左右邊的底部播放器。 整條變薄，不留邊，畫面看起來比較乾淨。 手機版只留下重點：播...
小保
Modern Web
Day 10
2025-09-24
124
2
讓你的 UI 動起來：Animate-UI 初探 系列
Day 10 - Animate UI Code
前言 身為工程師的文章，肯定少不了用到一些程式碼相關的文章段落。若有程式碼對應的元件，可以讓網頁在呈現上顯得更加活潑有趣。 Code 使用 Shadcn C...
adsfaaron
團隊 第一屆技術創作市集
Modern Web
Day 4
2025-09-18
124
0
Web Bluetooth API 實戰：30 天打造通用 BLE 偵錯工具 系列
DAY4:JavaScript 啟航：變數、資料型態與語言核心
想像一下，我們要蓋一棟房子（我們的 BLE 偵錯工具），今天就是來學習如何製造最基本的「磚塊」。這些磚塊就是程式中的資料。我們將學習如何「製造磚塊」（賦予資料型...
jklu7limj
Modern Web
Day 7
2025-09-21
124
0
Modern Web學習札記：初學者的探索 系列
Day 7：顏色與字體：讓文字有風格
前幾天我們學了 HTML 骨架、語義化標籤，還有 CSS 排版和盒模型，網頁看起來不會亂跑了。但如果只是整齊排列，網站還是有點單調。今天就來聊聊文字的顏色、字體...
1chen
Modern Web
Day 6
2025-09-20
124
0
Modern Web學習札記：初學者的探索 系列
Day 6：排版基礎：區塊與行內元素
在前一天，我們了解了盒模型，知道每個元素都有內容區、內距、邊框和外距。今天來講區塊元素（block）與行內元素（inline）的差別，這對排版很重要。 1. 區...
1chen
Modern Web
Day 11
2025-09-25
124
0
重溫 React 官方文件回到最初的起點 系列
Day 11 - 把 UI 想成 Tree
樹（Tree）是一個時常用在處理 UI 與其中的項目關係的一個資料結構。像是在瀏覽器生成 HTML 架構，以及使用 CSS 來完成外觀更動時，都會運用到相對應的...
lihsuanh
熱門文章
  1. Day 17 - AI 工具實戰：Claude C...
  2. 第 23 天：意念修煉 - Spec-Kit 規格...
  3. [為你自己學 Gemini CLI ... 的原始...
  4. 【Day 3】開始動手做！安裝用 n8n 抓下第一...
  5. [為你自己學 Gemini CLI ... 的原始...
熱門系列
  1. AI-Driven Development - 個人開發者的敏捷實踐
  2. 江湖在走，IT的省錢秘訣，省下的錢天天吃滷肉飯
  3. 為你自己學 n8n
  4. 如何利用實例化需求在 GenAI 時代下自我升級
  5. Reactivity 小技巧大變革：掌握 Signals 就這麼簡單！...
鐵人選手
初墨 Roy
Goblin's daily memo
jiuca9131
Tr0y2ooo
姐姐恩
工商時間