Super Hero Layouts

A presentation at Web Directions: Code 2019 in in Melbourne VIC, Australia by Anton Ball

Modern CSS layout techniques opened a world of possibilities. Layouts previously thought impossible become possible. A great way of mastering techniques is through play, so I turned to one of my favourite hobbies - comic books.

Taking well known layouts, how could elements be built in a browser, such as uneven shapes, ever changing layout and many variations? This talk is going to dive into using modern CSS layout techniques to recreate elements of comic books with CSS Grid, writing mode, CSS shapes and more. Come along to see CSS layouts at play.

Resources

The following resources were mentioned during the presentation or are useful additional information.

Buzz and feedback

Here’s what was said about this presentation on Twitter.