Welcome to issue #153, your weekly roundup of what’s happening in design, code and typography.
Thought provoking #
Are Modern Best Practices Bad For The Web? with Chris Ferdinandi. Are modern frameworks taking us down the wrong path? Drew McLellan speaks to Lean Web expert Chris Ferdinandi to find out.
Logo for Mars 2020 mission. For the 2020 launch of the Mars Rover, NASA asked House of van Schneider to design a symbol capturing the energy and legacy of space travel, while celebrating the engineers who worked tirelessly on this mission.
Design and Code #
Stephanie Walter on Designing Adaptive Components, Beyond Responsive Breakpoints and working towards automagic ideal condition layouts.
getBoundingClientRect to get information about the bounding box, then build a function to make things simple and reusable.
Bold on Hover… Without the Layout Shift. A nifty trick: add a hidden pseudo element with the same text string but set it to the bold font size.
It’s time to lazy-load offscreen iframes! Browser-level native lazy-loading for iframes is here. Addy Osmani has the details.
Things I Wish I’d Known About CSS. Dave Smyth reveals some of the things he didn’t know about CSS that he wished he learned earlier.
Getting the Most Out of Variable Fonts on Google Fonts. Stephen Nixon talks about Recursive Sans & Mono, which have both just launched officially on Google Fonts and explains some of the Google Fonts API basics.
Grilli Type release GT Flexa which embraces the idea of a fluid design space. Its creators, Dominik & Marc, spent six years fine-tuning GT Flexa’s concept and character. The result is an impressively extensive typographic system with a unique personality.
Thanks to Google Fonts, all fonts by Etcetera Type Company are now open-source and free for all, forever.
Something to watch #
In case you missed Vienna Calling on Wednesday like me, you can watch the recording in full over on Twitch. Watch awesome talks by Andy Bell on CUBE CSS, Cassie Evans on making the web more whimsical with SVG and more.