未公開草稿 — 這個系列不會出現在首頁、系列索引和 sitemap，只有知道網址的人看得到。
SERIES / 02 · 網站實作
前端延伸
讓網站更清楚、更有質感、更好用
網站不只要做得出來，怎樣才會讓人看得明白、願意相信和採取下一步？
- EPISODES
- 0 / 12
- FORMAT
- OUTCOME + DEMO
- RELATED PROJECT
- NONE
01 / WHAT THIS IS
這個系列在寫甚麼？
我用 20+ 年 Frontend 經驗，由真實 Website／Landing Page 問題開始，展示 Before／After、可以直接使用的 Prompt 和檢查方法。技術只作簡單交代，重點是每個改動對理解、信任、手機體驗和查詢有甚麼幫助。
EPISODES02 LISTED
- EP01Draft
你的網站，5 秒內看得懂嗎？
用我的首頁做真實 Before／After，整理出四條任何人都能使用的首屏問題，並附上可以直接交給 AI 的 Prompt。
- Landing Page
- 內容層級
- Vibe Coding
- EP02Draft
全息卡
同一張會在光底下轉的卡，2010 年要預先切圖逐張切換，2015 年跟得到手但卡片是平的，現在沒有用任何動畫套件，補間全部交給瀏覽器自己算。
- CSS
- 3D Transform
- Blend Mode
進度只反映實際寫好的集數。集數上限是目前的計劃，不是承諾的完成日期。