Skip to content

Issue 205

Grid, custom properties, responsive design strategies, and font loading

Rachel Andrew
2 min read


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


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—

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.


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.

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.