codevember2017
codevember2017 copied to clipboard
Published
20 hours ago •
ManzDev
ManzDev
30 days, 30 creative experiments. Created by Manz.
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 | 🌌 Galaxy | Pen / GitHub | JS, Canvas | 🎵 Crig | |
| Day 2 | 🎂 Cake | Pen / GitHub | SVG, Animations, Transforms | 🎵 Michael Aker | |
| Day 3 | 🌲 Tree | Pen / GitHub | JS | 🎵 Finn Formiga | ⭐🕹 |
| Day 4 | 💎 Sapphire | Pen / GitHub | Animate.css, JS, ThreeJS | 🎵 WillRock/DaMonz | 🕹 |
| Day 5 | 🗡 Sword | Pen / GitHub | JS, Howler.js, IziToast.js | 🎵 D.TimeMachine | 🕹 |
| Day 6 | ⛈️ Storm | Pen / GitHub | MagicInput, JS, Canvas, Howler.js | 🎵 Hirokazu Tanaka | 🕹 |
| Day 7 | 🛏️ Pillow | Pen / GitHub | SVG, Howler.js | 🎵 Coma | ⭐ |
| Day 8 | 🍦 Fridge | Pen / GitHub | SVG | 🎵 Toby Fox/GameChops | 🕹 |
| Day 9 | 🍟 French Fries | Pen / GitHub | Howler.js, Animation CSS | 🎵 Razor 1911 | ⭐ |
| Day 10 | 🚀 Rocket | Pen / GitHub | Howler.js, Canvas, JS | 🎵 We Are Carnival | ⭐ |
| Day 11 | 🚲 Bike | Pen / GitHub | Howler.js, Canvas, JS | 🎵 McKlain | ⭐ |
| Day 12 | 🦓 Zebra | Pen / GitHub | Howler.js, JS, Animation CSS | 🎵 PaperLaur | ⭐ |
| Day 13 | 🍊 Orange | Pen / GitHub | SVG, Animation, Blend modes | 🎵 Mike Skitch | ⭐ |
| Day 14 | 🧀 Cheese | Pen / GitHub | SVG, Animation, JS | 🎵 DJ Otaking 333 | ⭐ |
| Day 15 | 🤘🏽 Rock | Pen / GitHub | SVG, Animation, Howler.js | 🎵 8 Bit Universe | ⭐ |
| Day 16 | 🌍 Internet | Pen / GitHub | CSS Animation, Howler.js, JS | 🎵FantomenK | 🕹 |
| Day 17 | 🐌 Speed | Pen / GitHub | CSS Animation, Howler.js, JS | 🎵FantomenK | 🕹 |
| Day 18 | 🚗 Motors | Pen / GitHub | SVG, CSS Animation, Howler.js | - | ⭐ |
| Day 19 | 🐟 Ocean | Pen / GitHub | Animation, Blend, Canvas, JS | 🎵 JJayBerthume | ⭐ |
| Day 20 | 😎 Swag | Pen / GitHub | Animation, JS, Howler.js | 🎵 Janyork | ⭐🕹 |
| Day 21 | 🥊 Fight | Pen / GitHub | Animation, Emoji, JS, Howler.js | 🎵 PeachyPixel8 | ⭐ |
| Day 22 | 🌑 Planet | Pen / GitHub | SVG, Animation | 🎵 Plastiware | |
| Day 23 | 👑 King | Pen / GitHub | SVG, Animation, JS | 🎵 Valve | |
| Day 24 | ❤️ Heart | Pen / GitHub | Animation, Emoji | 🎵 Louis Armstrong | |
| Day 25 | 🥑 Avocado | Pen / GitHub | SVG, Animation, JS | 🎵 Tom Da Lips | ⭐ |
| Day 26 | 🗻 Mountain | Pen / GitHub | Animation | 🎵 Radix | ⭐ |
| Day 27 | 🍺 Beer | Pen / GitHub | Animation, Blend modes, JS | 🎵 Rainbowdragoneyes | ⭐ |
| Day 28 | 🖊️ Pen | Pen / GitHub | Animation | 🎵 Toby Fox/Bulby | ⭐ |
| Day 29 | 🦒 Giraffe | Pen / GitHub | SVG, Animation, JS, Howler.js | 🎵 Kubbi | |
| Day 30 | 🌟 Supernova | Pen / GitHub | Animation, JS, Canvas, Howler.js | 🎵 Kenneth Moller | ⭐ |
| Extra | 🏆 Finish | Pen / GitHub | Animation, JS, Howler.js | 🎵 Nintendo |
* HTML5 and CSS3 always used
Legend:
- ⭐ Picked (Homepage) on CodePen
- 🕹 Demo User-interactive
ManzDev