Divtober Speedrun

October is the month of “Divtober”, where artists are challenged to draw different things using CSS and a single HTML element. Each day they get a theme to work around. You can find some nice works on CodePen, all tagged #divtober. See the Pen Single div CSS chili garlic sauce by Lynn Fisher (@lynnandtonic) on …

October is the month of “Divtober”, where artists are challenged to draw different things using CSS and a single HTML element. Each day they get a theme to work around. You can find some nice works on CodePen, all tagged #divtober.

See the Pen
Single div CSS chili garlic sauce
by Lynn Fisher (@lynnandtonic)
on CodePen.

See the Pen
Divtober 27: Film
by Alvaro Montoro (@alvaromontoro)
on CodePen.

See the Pen
Single div CSS Bumble yeti
by Lynn Fisher (@lynnandtonic)
on CodePen.

See the Pen
one div float – divtober #15 2021
by Temani Afif (@t_afif)
on CodePen.

It’s like modern day painting, (ab)using CSS 😊

~

To get an idea of the amount of work that goes into making such a thing, you can watch this recording/speedrun by Álvaro Montoro:

As you can see it’s a lot of trial and error, something I wouldn’t have the patience for. I’ll just stick to looking at those artworks 😉

~

The bestest [sic] masterpiece I’ve seen so far is this one by Bruce Lawson: a red square.

Looking forward to the rest of the series there, Bruce! 😅


Print Share Comment Cite Upload Translate
APA
Bramus! | Sciencx (2024-03-29T07:43:35+00:00) » Divtober Speedrun. Retrieved from https://www.scien.cx/2021/10/28/divtober-speedrun/.
MLA
" » Divtober Speedrun." Bramus! | Sciencx - Thursday October 28, 2021, https://www.scien.cx/2021/10/28/divtober-speedrun/
HARVARD
Bramus! | Sciencx Thursday October 28, 2021 » Divtober Speedrun., viewed 2024-03-29T07:43:35+00:00,<https://www.scien.cx/2021/10/28/divtober-speedrun/>
VANCOUVER
Bramus! | Sciencx - » Divtober Speedrun. [Internet]. [Accessed 2024-03-29T07:43:35+00:00]. Available from: https://www.scien.cx/2021/10/28/divtober-speedrun/
CHICAGO
" » Divtober Speedrun." Bramus! | Sciencx - Accessed 2024-03-29T07:43:35+00:00. https://www.scien.cx/2021/10/28/divtober-speedrun/
IEEE
" » Divtober Speedrun." Bramus! | Sciencx [Online]. Available: https://www.scien.cx/2021/10/28/divtober-speedrun/. [Accessed: 2024-03-29T07:43:35+00:00]
rf:citation
» Divtober Speedrun | Bramus! | Sciencx | https://www.scien.cx/2021/10/28/divtober-speedrun/ | 2024-03-29T07:43:35+00:00
https://github.com/addpipe/simple-recorderjs-demo