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 |
| 3日目 | ランダムなお父さんジョークジェネレーター | https://codepen.io/web_cifar/pen/xwxozwx | https://youtu.be/udifuvlekju |
| 4日目 | 数字API | https://codepen.io/web_cifar/pen/pozlpog | https://youtu.be/s3lfcerzmhi |
| 5日目 | カウントダウンタイマー | 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フレックスギャラリー | 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/nltuiclotnc |
| 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/0vg4eiypcuc |
| 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プロジェクトチュートリアル
