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
Other
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
vsauto-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
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