2026 iThome 鐵人賽

2026 iThome 鐵人賽

蒸餾出最精萃的鐵人

Modern Web

最新文章熱門文章

選手 43 文章 894

Day 9

2026-09-23

124

0

Three.js × WebGL 實戰：打造 HD-2D 像素地下城與即時光影系統系列

Day 9：HD-2D 的鏡頭魔法！打造經典 2.5D 平視低仰角與視窗自適應

在 Day 8 中，我們透過程式成功鋪設了 50x50 的龐大網格與走道地貌。然而，當你嘗試在 3D 空間中直接觀看這座地城時，會發現畫面邊緣的方塊產生了明顯的...

團隊 nutc imac

Day 15

2026-09-23

97

0

現在就學C# 與 ASP.NET Core 系列

Day 15｜Interface 與 Composition：把需要的功能組合進來

Day 13 我們學過 Inheritance。例如： Dog is an Animal → Dog 是 Animal 的一種 → is-a → Inheri...

Day 9

2026-09-23

112

0

從 Web 到宇宙：Three.js × WebGL 互動式太陽系與光影實作系列

Day 9 - 打造全螢幕 3D 太陽系

前面幾天我們都是使用固定大小的 800 × 500 來顯示 Three.js 畫面。從今天開始，我們要把原本的小型 Three.js 畫面改造成全螢幕 3D...

團隊 nutc imac

Day 23

2026-09-23

69

0

Lovable：地球上最強的 AI 生成全端網站 Agentic 開發實戰系列

第 23 章：營隊正式收款——綠界付款、LINE 通知與對帳

本章目標上一章完成了營隊梯次、名額、候補與後台。本章沿用相同專案，加入台灣業者常見的三個營運環節：透過綠界測試環境建立付款交易。由可信任的後端通知更新訂...

Day 9

2026-09-23

94

0

從結構到互動：現代前端HTML、CSS 、JS 的 30 天修練系列

DAY9 介紹CSS

告別黑白的網頁：什麼是CSS 在過去這幾天，我們用HTML搭建出了網頁的「骨架」，不過目前的網頁看起來只有白底黑字、藍色超連結，非常單調，如果用蓋房子來舉例，我...

yelloworange0319

團隊 nutc imac

Day 10

2026-09-23

86

0

從 UI/UX 設計到前端實作：30 天打造專屬的任務學習計時器系列

DAY 10｜切版實作：用 Collapse 打造獨立折疊的子任務清單

在上一篇中，使用了 Accordion（手風琴）來製作主任務列表。接下來，要處理下一層的「子任務與計時紀錄清單」。在這個區塊中，我選擇直接套用 Collap...

熱門文章

熱門系列

鐵人選手

工商時間