30days30submits
1.0.0
| 天 | 項目名稱 | 源代碼/預覽 | Youtube 視頻 |
|---|---|---|---|
| 第1天 | 自定義光標 | https://codepen.io/web_cifar/pen/ojmrzab | https://youtu.be/de4w0ehmuus |
| 第2天 | 主題切換器 | https://codepen.io/web_cifar/pen/ojmrdbq | https://youtu.be/d1yg4t37qyo |
| 第三天 | 隨機爸爸笑話生成器 | https://codepen.io/web_cifar/pen/xwxozwx | https://youtu.be/udifuvlekju |
| 第4天 | 數字API | https://codepen.io/web_cifar/pen/pozlpog | https://youtu.be/s3lfcerzmhi |
| 第五天 | 倒數計時器 | https://codepen.io/web_cifar/pen/ojmgpbb | https://youtu.be/_a4xcarxwr8 |
| 第6天 | 特色部分 | https://codepen.io/web_cifar/pen/wnrwxyg | https://youtu.be/l4k3_elym2u |
| 第7天 | 照片庫P-1 | https://codepen.io/web_cifar/pen/wvmbwdj | https://youtu.be/urymtcpo11a |
| 第8天 | 照片庫P-2 [PEXELS API] | https://github.com/shaifarfan/30days30submits/tree/master/day-8 | https://youtu.be/ggbpmzln1hw |
| 第9天 | 閱讀更多按鈕 | https://codepen.io/web_cifar/pen/ojmevxx | https://youtu.be/tvvy8c1uvg8 |
| 第10天 | 關鍵代碼生成器應用 | https://codepen.io/web_cifar/pen/eyjwvkv | https://youtu.be/jolwrv6xswa |
| 第11天 | CSS動畫菜單 | https://codepen.io/web_cifar/pen/eyjqdxy | https://youtu.be/q8vmz-r_3ck |
| 第12天 | CSS Flex畫廊 | https://codepen.io/web_cifar/pen/wvmvmzn | https://youtu.be/z6iz2noezmw |
| 第13天 | 模擬時鐘 | https://codepen.io/web_cifar/pen/lynympb | https://youtu.be/6xeq_ja5v2y |
| 第14天 | 數字時鐘 | https://codepen.io/web_cifar/pen/mwyyabp | https://youtu.be/gmnhryxappw |
| 第14天 | 密碼生成器應用 | https://codepen.io/web_cifar/pen/wvmvyvp | https://youtu.be/zmlxhlovb1m |
| 第15天 | BG顏色更換器 | https://codepen.io/web_cifar/pen/dympmwy | https://youtu.be/yem8t8azzko |
| 第16天 | 基本工具提示 | https://codepen.io/web_cifar/pen/ponqwnj | https://youtu.be/mxrxahbjx3a |
| 第17天 | 向下滾動按鈕 | https://codepen.io/web_cifar/pen/wnwvoae | https://youtu.be/ly1jeqguiai |
| 第18天 | 提前工具提示 | https://codepen.io/web_cifar/pen/yloyopr | https://youtu.be/e_jequjo7y8 |
| 第19天 | 完整功能性HTML表格 | https://codepen.io/web_cifar/pen/gorrppo | https://youtu.be/vc9rgfhr098 |
| 第20天 | 多步驟形式 | https://codepen.io/web_cifar/pen/ponneyy | https://youtu.be/cktgidkrsgc |
| 第21天 | CSS加載動畫 | https://codepen.io/web_cifar/pen/joqqrpm | https://youtu.be/e_jorp4t0n4 |
| 第21天 | OTP UI | https://codepen.io/web_cifar/pen/barokgo | https://youtu.be/zvv2um4hzie |
| 第22天 | 食品食譜應用 | https://codepen.io/web_cifar/pen/onxlyry | https://youtu.be/x8ey0blhpgk |
| 第23天 | 霓虹燈效應 | https://codepen.io/web_cifar/pen/mwyjenv | https://youtu.be/nltuyclotnc |
| 第24天 | 語音識別應用程序 | https://codepen.io/web_cifar/pen/joqbeje | https://youtu.be/-k-pgvbktx4 |
| 第25天 | 自定義滑塊 | https://codepen.io/web_cifar/pen/bgprwer | https://youtu.be/v9tcxmmpghi |
| 第26天 | 彈跳DVD徽標 | https://codepen.io/web_cifar/pen/jjxrlrj | https://youtu.be/wmiarrcox9k |
| 第27天 | 測驗應用程序 | https://codepen.io/web_cifar/pen/dymzxng | https://youtu.be/qxxm9nvxlwk |
| 第28天 | 簡單的計算器 | https://codepen.io/web_cifar/pen/xwdvgxr | https://youtu.be/0vg4eipcuc |
| 第29天 | 天氣應用 | https://codepen.io/web_cifar/pen/gorvmpr | https://youtu.be/y0icekusymk |
| 第30天 | CSS點加載器 | https://codepen.io/web_cifar/pen/rnevxpx | https://youtu.be/ena4y_-fjas |
喜歡我的作品，想支持我嗎？
所有Web CIFAR項目教程
