iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

別再只叫 AI 做漂亮一點:30 天 Vibe Coding UI 元件驗收實驗 系列

(已中斷)

參賽天數 20 天 | 共 20 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11|表單錯了,怎麼帶人修回來?從 Label 到 Validation Summary 的修正路徑

Day 11|表單錯了,怎麼帶人修回來?從 Label 到 Validation Summary 的修正路徑 安安~我是ChiYu~ 昨天,三份附件終於可以各自...

2026-08-12 ‧ 由 ChiYu 小艾 分享
DAY 12

進階輸入不是越多越完整:OTP、Tag Input、Color Picker 與兩種 Editor

Day 12|進階輸入不是越多越完整:OTP、Tag Input、Color Picker 與兩種 Editor 安安~我是ChiYu~ 昨天,表單終於可以把人...

2026-08-13 ‧ 由 ChiYu 小艾 分享
DAY 13

Day 13|手機版不是把 Sidebar 縮小:Header、Navbar、Sidebar 與 Bottom Navigation 怎麼分工

Day 13|手機版不是把 Sidebar 縮小:Header、Navbar、Sidebar 與 Bottom Navigation 怎麼分工 安安~我是Chi...

2026-08-14 ‧ 由 ChiYu 小艾 分享
DAY 14

Day 14|使用者走到哪裡了?Breadcrumb、Pagination、Stepper、Progress 與頁內導覽

Day 14|使用者走到哪裡了?Breadcrumb、Pagination、Stepper、Progress 與頁內導覽 安安~我是ChiYu~ 昨天把桌面和手...

2026-08-15 ‧ 由 ChiYu 小艾 分享
DAY 15

Day 15|同一區域怎麼切換內容?Tabs、Accordion、Disclosure 與 Segmented Control

Day 15|同一區域怎麼切換內容?Tabs、Accordion、Disclosure 與 Segmented Control 安安~我是ChiYu~ 昨天,我...

2026-08-16 ‧ 由 ChiYu 小艾 分享
DAY 16

Day 16|選一個值,還是執行命令?Select、Menu、Overflow Menu 與 Command Palette

Day 16|選一個值,還是執行命令?Select、Menu、Overflow Menu 與 Command Palette 安安~我是ChiYu~ 昨天把工作...

2026-08-17 ‧ 由 ChiYu 小艾 分享
DAY 17

Day 17|資料有層級時,別只用縮排:Tree View、Nested List、Treegrid 與 Expandable Row

Day 17|資料有層級時,別只用縮排:Tree View、Nested List、Treegrid 與 Expandable Row 安安~我是ChiYu~...

2026-08-18 ‧ 由 ChiYu 小艾 分享
DAY 18

Day 18|彈窗要不要鎖住背景?Modal、Non-modal、Alert Dialog 與危險確認

Day 18|彈窗要不要鎖住背景?Modal、Non-modal、Alert Dialog 與危險確認 安安~我是ChiYu~ 昨天才把專案結構和命令入口整理清...

2026-08-19 ‧ 由 ChiYu 小艾 分享
DAY 19

Day 19|點資料表一列後,不一定要跳 Modal:Drawer、Sheet 與 Bottom Sheet

Day 19|點資料表一列後,不一定要跳 Modal:Drawer、Sheet 與 Bottom Sheet 安安~我是ChiYu~ 昨天,我才用 Escape...

2026-08-20 ‧ 由 ChiYu 小艾 分享
DAY 20

Day 20|滑過去出現的,不一定是 Tooltip:Tooltip、Popover 與 Hover Card

Day 20|滑過去出現的,不一定是 Tooltip:Tooltip、Popover 與 Hover Card 安安~我是ChiYu~ 昨天,我把林子安的詳細資...

2026-08-21 ‧ 由 ChiYu 小艾 分享