CSS Art Workshop

2017-10-07 / Sebastian Morr / CC BY-NC-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:


You can reach me at @blinry or at sebastian@morr.cc, see the about page.

For more like this, check out the home page, follow me on Twitter or subscribe to this site's feed.