Skip to content

Matthew Passmore

Website strategy & development

Links // css

13th November 2019

11th November 2019

8th October 2019

Adaptive Photo Layout with Flexbox | CSS-Tricks

It amazes me that new techniques with relatively mature features are still cropping up. This is especially true when they're so practical as well.

This approach doesn’t fully respect the aspect ratios of photos (but it’s close) and occasionally leads to some weird results, but I absolutely love the simplicity and flexibility of it all.

2nd October 2019

A Modern CSS Reset - Andy Bell

In this modern era of web development, we don’t really need a heavy-handed reset, or even a reset at all, because CSS browser compatibility issues are much less likely than they were in the old IE 6 days.

29th August 2019

16th September 2019

We’re doing it wrong: there is no ‘one perfect design’ or layout | Responsive Web Typography

Jason Pamental proposes letting an editor choose from a prescribed number of layouts, to best represent the article content. The markup remains unchanged, with a parent class dictating stylistic changes — all very CSS Zen Garden.

Not willy-nilly-all-over-the-place different, but clear, purposeful variation that’s built into our design systems so they fit within the whole. This, coupled with a bit of per-page design flexibility afforded us by technologies like CSS Custom Properties and variable fonts, gives us the kind of layout and design flexibility that make publications like Vanity Fair so good.

3rd July 2019

13th June 2019

25th May 2019

CSS Grid subgrid lands in Firefox Nightly

CSS Subgrid will make use of Grid way more practical so it's great to see it's one step nearer, largely thanks to the efforts of Rachel Andrew:

For the CSS Grid fans who have been following along, last night the subgrid value for grid-template-columns and grid-template-rows landed in Firefox Nightly.

28th May 2019