「那些追波呈現給我的，我將用代碼告訴你們每個人。」兩個極具創意的前端實驗項目，將設計靈感轉化為可觸摸、可復用、可學習的代碼資產。

Give 'n' Go：Dribbble 設計稿 → CodePen 代碼還原

專門收集 Dribbble 上的 GIF 動效與精美界面截圖，由開發者用 JS/CSS/HTML 完美復刻並發布於 CodePen。左圖設計稿，右圖代碼實現——看似複雜的視覺效果，往往代碼實現驚人簡潔。對前端學習者：最佳拆解教材；對設計師：驗證設計落地可行性、發現技術邊界。

What colour is it：時間生成 16 進制色彩的詩意實驗

網頁根據當前時間（HHMMSS）組成 Hex 色值（如 10:35:12 → #103512），背景實時變色。極簡邏輯，卻創造出流動的色彩詩篇。Github 用戶 Jonic 更將其封裝為 macOS 螢幕保護程式，長期使用或能練就「看時間識色值」絕技。

啟示：設計與代碼的雙向奔赴

• 設計師輸出不止靜態稿，更應輸出「可交互規範」（動效參數、狀態機、響應式斷點）
• 前端工程師不止還原視覺，更應挑戰「看似不可能」的視覺效果
• 微小創意實驗（如時間色彩）能沉澱為團隊共享組件庫

感受完別忘了回來轉發——下一個被代碼還原的 Dribbble 佳作，也許就是你的作品。