JS Oxford CSS Grid Lightning Presentation

(Updated 10th December to add the video)

Last night I took part in the final JS Oxford of the year, which consisted of a series of lightning talks on all manner of subjects, from lessons learned in Developer Relations, to an introduction to Kubernetes.

I gave a very brief talk on cat gifs… wait, I mean getting started with CSS Grid (It’s written in Reveal.js so you can view the speaker notes by pressing <kbd>S</kbd>). I started by explaining some of the terminology around Grid, and then ran through the case study of converting this site to a Grid layout.

As always, it was an absolute pleasure to present at JS Oxford. They’re always interested in new speakers, so if you’re thinking about giving it a go, they’re a lovely welcoming crowd.

As it was a lightning talk I didn’t get a chance to link out to further reading, but I can do that here.

• Rachel Andrew’s excellent Grid by Example is full of useful information, examples, patterns, and resources. She has literally written the book on Grid.
• Grid Garden is a fun way to get your head around some of the general concepts.
• Jen Simmons’ has been doing some amazing experiments with Grid, and has also collated a useful list of resources on her Learn CSS Grid page.
• I have a continually growing list of Grid resources on Pinboard.