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