30 days, 30 creative experiments. Codevember is a challenge for developers creating a creative sketch by day during the whole month of November.
Here, my 30 creative experiments:
| Day | Theme | Links | Used technologies* | Music by | Flags |
|---|---|---|---|---|---|
| Day 1 | Pen / GitHub | JS, Canvas | |||
| Day 2 | Pen / GitHub | SVG, Animations, Transforms | |||
| Day 3 | Pen / GitHub | JS | ⭐ |
||
| Day 4 | Pen / GitHub | Animate.css, JS, ThreeJS | |||
| Day 5 | Pen / GitHub | JS, Howler.js, IziToast.js | |||
| Day 6 | Pen / GitHub | MagicInput, JS, Canvas, Howler.js | |||
| Day 7 | Pen / GitHub | SVG, Howler.js | ⭐ | ||
| Day 8 | Pen / GitHub | SVG | |||
| Day 9 | Pen / GitHub | Howler.js, Animation CSS | ⭐ | ||
| Day 10 | Pen / GitHub | Howler.js, Canvas, JS | ⭐ | ||
| Day 11 | Pen / GitHub | Howler.js, Canvas, JS | ⭐ | ||
| Day 12 | 🦓 Zebra | Pen / GitHub | Howler.js, JS, Animation CSS | ⭐ | |
| Day 13 | Pen / GitHub | SVG, Animation, Blend modes | ⭐ | ||
| Day 14 | Pen / GitHub | SVG, Animation, JS | ⭐ | ||
| Day 15 | 🤘🏽 Rock | Pen / GitHub | SVG, Animation, Howler.js | ⭐ | |
| Day 16 | Pen / GitHub | CSS Animation, Howler.js, JS | |||
| Day 17 | Pen / GitHub | CSS Animation, Howler.js, JS | |||
| Day 18 | Pen / GitHub | SVG, CSS Animation, Howler.js | - | ⭐ | |
| Day 19 | Pen / GitHub | Animation, Blend, Canvas, JS | ⭐ | ||
| Day 20 | Pen / GitHub | Animation, JS, Howler.js | ⭐ |
||
| Day 21 | Pen / GitHub | Animation, Emoji, JS, Howler.js | ⭐ | ||
| Day 22 | Pen / GitHub | SVG, Animation | |||
| Day 23 | Pen / GitHub | SVG, Animation, JS | |||
| Day 24 | Pen / GitHub | Animation, Emoji | |||
| Day 25 | Pen / GitHub | SVG, Animation, JS | ⭐ | ||
| Day 26 | Pen / GitHub | Animation | ⭐ | ||
| Day 27 | Pen / GitHub | Animation, Blend modes, JS | ⭐ | ||
| Day 28 | Pen / GitHub | Animation | ⭐ | ||
| Day 29 | 🦒 Giraffe | Pen / GitHub | SVG, Animation, JS, Howler.js | ||
| Day 30 | Pen / GitHub | Animation, JS, Canvas, Howler.js | ⭐ | ||
| Extra | Pen / GitHub | Animation, JS, Howler.js |
* HTML5 and CSS3 always used
Legend:
- ⭐ Picked (Homepage) on CodePen
🕹 Demo User-interactive
