煙火特效

展示了我如何用 HTML、CSS 和 JavaScript 創建動態煙火效果，點擊按鈕後會產生多彩的紙雪動畫。

前往效果頁

技術要點

• 動態生成： 用 JS 創建數百個紙雪片，並設置其樣式。
• 動畫效果： 使用 CSS 實現煙火的擴散和下落。
• 效能考量： 透過限制 DOM 操作和優化動畫過渡，確保平滑的使用體驗。

各式Web模板練習

實作了多種商用網站模板，如影音播放器、首頁、購物車、聯絡頁面等，並參加了資策會課程提升技能。

技術要點

• CSS3： 設計響應式和動態效果。
• JavaScript： 增加互動功能。

• 增強前端技能： 精通 CSS 設計。
• 提升問題解決能力： 能夠應對技術挑戰。
• 實戰經驗： 在實際專案中應用所學。

額外平面美術作品

展示 Adobe Illustrator 和數位繪圖的平面設計作品。

內容重點

• Adobe AI/PS： 標誌和視覺設計。
• 數位繪圖： 高品質平面繪圖。
• 多樣設計： 探索視覺風格。
• 設計技能提升： 加強設計能力。
• 視覺溝通： 改進作品效果。
• 專業經驗： 實際設計經驗。