Is Progressive Enhancement Dead Yet?
Progressive enhancement is Scary Mary™ to some but there is no need to cry or pass out. Let me use a shark in a fez, Tony Hawk, and a couple of zombie lads to explain. Shout out to my pal Andy whose skateboard/scooter analogy I borrowed.
I accidentally moved my hero image onto Cloudinary (who I also adore!). But, a less-optimised image served from the same origin is always faster than a more-optimised image from a third party. Self-host your static assets! csswizardry.com/2019/05/self-host-your-static-assets/
True!
But most images are currently not or badly optimized. 😔
They would benefit a lot from an image CDN: resize, compression, modern formats, etc.
Oooh, thanks a lot @dbanksDesign for these gorgeous stickers! 😍🙏
Could sustainable websites increase energy consumption?
Having lost some sleep over this, I am relieved to find that when it comes to the web, Sustainable Web Design is the solution to the Jevons paradox. By maximising efficiency in web design, development and content creation, we can ensure that we preserve the benefits of more efficient hardware. Then by trying to ensure that the web projects we work on are actually good for the world, we can harness the secondary rebound effect to create positive rather than negative environmental impact.
a tool that automatically matches the fallback font to the custom font–because computers are good at that stuff.
Reduce Cumulative Layout Shift (CLS) by adjusting web fonts and system font fallbacks using special @font-face descriptors.
This is the first time I notice #CanIUse mentions Chrome in "Safari on iOS" compatibility versions.
Why Chrome only? Why not Firefox? And Edge? Why not "Safari & other browsers" instead of "Safari & Chrome"?
Doesn't seem fair. 😔
Media chapter of the 2022 Web Almanac by HTTP Archive
I had the honor to review the Media chapter of the 2022 edition of The Web Almanac by HTTP Archive, "a comprehensive report on the state of the web, backed by real data and trusted web experts".
Using :has() as a CSS Parent Selector and much more
let’s take a step-by-step hands-on look at what web developers can do with this desperately desired tool. It turns out, the :has() pseudo-class is not just a “parent selector”. After decades of dead-ends, this selector can do far more.
Joe Liccini
Why Your Cached JavaScript Is Still Slow and Incurs Performance Overhead
Caching assets is a fantastic way to optimize the network overhead of your web application, there is still plenty of computational overhead associated with cached JavaScript.
Filter by year and month to see more archives.
Heydon Pickering
Tom Greenwood
Malte Ubl
Brian Louis Ramirez
HTTP Archive
Jen Simmons