Unlike responsive typography, which changes only at set breakpoints, fluid typography resizes smoothly to match any device width. It is an intuitive option for a web in which we have a practically infinite number of screen sizes to support. Yet, for some reason, it is still used far less than responsive techniques.
13th November 2019
11th November 2019
As it turns out, a reasonable set of styles can create a consistent and attractive
selectacross new browsers, while remaining just fine in older ones too.
8th October 2019
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
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.
16th September 2019
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.
29th August 2019
Nice little technique for multiple fancy borders.
13th June 2019
Squeezing that extra bit of performance juice out of the can:
At Google I/0 2019, we announced that we would finally be bringing support for font-display to Google Fonts. I'm happy to share this is now available in production for all Google Fonts users via the new display parameter.
3rd July 2019
A solid tutorial that helped guide the way on a recent project.
28th May 2019
An impressively thorough browser extension for analysing webpage accessibility. Wish it was available for Firefox, but worth opening Chrome for.
25th May 2019
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.