CSS Art Workshop

2017-10-07 / blinry / CC BY-SA 4.0 / talk, workshop

A workshop I gave at Hackover 2017 about making minimalistic CSS Art. Participants learned how to make complex pictures from a single, empty <div>.

Here are the interactive slides – you probably want to open them in fullscreen. Note that the “solutions” to the various topics are subslides, which you can reach with the down key. Press Escape to see an overview.

And here are two codepens I provided as a starting framework:

simple version
advanced version

Comments?

Send a message to @blinry@chaos.social or drop me a mail at mail@blinry.org. Also, you can support me on Patreon or subscribe to my newsletter!