Excellent Adventures in CSS Grid – ON TOUR!

Recently I did my first talk for about two years at Milton Keynes Geek Night, I was really nervous after such a long break but thoroughly enjoyed it! So much so I decided to take my talk on tour! Which is exciting! 🙂

There is a lot of code examples and links to extra reading in this talk, so this post acts as a “catch all” for all of those extra resources.

Here is the current version of the talk:

You can find the CodePen Collection here: https://codepen.io/collection/AvJKoR/

Complete Reading List:

MDN

• Basic concept of Grid Layout
• Relationship of Grid Layout
• Using Named Grid Lines
• repeat()
• Line-based placement with CSS Grid
• Grid Template Areas
• Auto-placement in CSS Grid Layout
• Using CSS custom properties (Variables)
• order

YouTube

• Jen Simmonds Layout Land: Flexbox vs CSS Grid
• Wes Bos CSS Grid Course

Other

• CSS In Real Life – What the (fr)action
• CSS In Real Life – Practical tips working with CSS Variables
• Andy Bell- Create a responsive grid layout with no media queries
• CSS Grid Garden – A Game for Learning Grid
• Smashing Magasine: A strategy guide to CSS custom properties
• Source order matters

CSS Tricks

• A complete guide to Grid
• The fr Unit
• How the minmax() function works
• Look ma, No Media Queries! Responsive Layouts Using CSS Grid
• Auto-Sizing Columns in CSS Grid: auto-fill vs auto-fit
• Super-powered Grid components with CSS Variables
• Everything you need to know about CSS variables
• CSS Grid in IE: CSS Grid and the new autoprefixer
• CSS Grid in IE: Debunking common Grid misconceptions
• Browser compatibility for CSS Grid layouts with simple SASS mixins

Rachel Andrew

• Flexible sized grids with auto-fill & minmax()
• Should I try to use the IE Implementation of Grid Layout
• Grid, content re-ordering and accessibility

Tour dates for 2019:

25th June – WordPress Birmingham
27th June – Milton Keynes Geek Night
17th July – Staffs Web Meetup, Stafford
29th August – Frontend Sheffield
17th September – Brum JS, Birmingham
26-27th November – Frontend Connect, Warsaw

Advertisement

Shropgeek Rebellion #6 Featuring… ME! (and other more awesome people)

I rarely step up to actually speak at Shropgeek events, simply because there are always so many awesome people I could ask, why should I fill a spot?

But, I’m also always trying to encourage people to use these events as a “safe space”, perfect for anyone new to public speaking or wanting a practice run of their talk in front of a friendly audience.

So, with A Responsive Day Out only a month after, I thought it was time I put my money where my mouth is and do a practice run of the talk I’m preparing for that. This will be the first run through so likely to be very rough around the edges but I would really appreciate feedback on it.

As well as me, there will also be the VERY [awesome]awesome[/awesome] Ashley Nolan and Tim Millwood providing 30 minute talks and Shropgeek Regulars, Pete White and Rob May doing 5 minute lightning talks. It is set to be a most excellent evening!

Full details can be found on the Shropgeek website. Hopefully see you all there! 🙂