Issue 205
Grid, custom properties, responsive design strategies, and font loading
News
Issue 205
I am back in the UK after a brilliant Smashing Conf Toronto, and I get to spend three whole weeks in Bristol before heading out to An Event Apart in Washington DC. It is nice to be home for the summer, though I seem to be disappearing under what can only be described as "life admin". All the things not easily achieved while living in hotel rooms.
To find out where I'll be for the rest of the year, including brand new talks and some CSS Layout workshops, take a look on my Notist profile. There are a few as yet unannounced things, watch this space!
Rachel Andrew, CSS Layout News
Learn
Video - Grids All The Way Down
The video of my presentation at Codegarden is now available, you can find it on this page along with the slides, code and other resources from the talk.
Tips for rolling your own lazy loading
How to create your own lazy loading, only loading images or other large assets until they com into view.
CSS Custom Properties In The Cascade — Smashing Magazine
This article takes a deep look into CSS Custom Properties and how they work alongside the cascade, unleashing some useful CSS tips along the way. Even if you think you know all about custom properties, I think you'll learn something here.
Developing a Robust Font Loading Strategy for CSS-Tricks—zachleat.com
Not layout, however given the importance of typography I think more than a little aligned. This is an excellent article about developing a font loading strategy.
What To Expect When You're Expecting To Drop IE11 🗑️ - DEV Community 👩💻👨💻
The things that you can use if you drop support for IE11. This being your regular scheduled reminder that "dropping support" does not equal "locking out". You can provide a simplified experience for users of less capable browsers, rather than bolting your latest work to the technology of the past.
An approach to responsive layouts based on CSS custom properties and em units | CodyHouse
Using CSS variables to set smart rules for responsive web design.
Interesting
Grid Experiment No. 7
Jules Forrest created this menu during her live-coded talk at Smashing Conf Toronto. I'll link to the video just as soon as they are available.
Our Sponsor
Slidesharing and much more. Create your own speaker portfolio with Notist.
Whether you speak occasionally at local meet up groups, or frequently take the stage at big design conferences, Notist is the place to build your public speaking portfolio.
You can share your slides, but also promote upcoming events, add video, pull in tweets, and build up lists of links and resources for attendees to reference to. Over time you can build up a solid resource of all your speaking engagements.
If you ever hook up to a projector, you should get hooked up with Notist.
CSS Layout News Newsletter
Join the newsletter to receive the latest updates in your inbox.