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项目教程
