blog.scottnonnenberg.com
The great gatsby upgrade
10 min · · In the past year I’ve upgraded this blog’s version of Gatsby not just once, but twice. And wow, it has gotten so much better. And so has my blog. Fork it and play around! Or, if you’re not yet... · Shared by 5
Bit
Trusted Types API for JavaScript DOM Security
11+ min · · Protecting against DOM XSS security vulnerabilities in JavaScript using Trusted Types API · Shared by 5
slowwly.robertomurray.co.uk
Slowwly
· Make a request to Slowwly to simulate a slow response, configurable delay in millisecs. Test how your application responds to a slow request from external service or api.
Jake Archibald
Different versions of your site can be running at the same time
8 min · · Are you prepared for that? I'm not sure I am · Shared by 15, including Yoav Ganbar (🥑 Builder.io/Qwik), Marius Bleuer
3perf.com
Case study: Analyzing Notion app performance
17+ min · · How to make a React app load ~30% faster – by tuning some configs and delaying some scripts · Shared by 48, including Ahrbil, shishir das, Nando 💪🇦🇺🇦🇷, Yoav Ganbar (🥑 Builder.io/Qwik), Evan (he/him)
simplabs.com
How to over-engineer a static page
10 min · · Marco Otte-Witte on how we rebuilt simplabs.com and optimized it for maximum performance leveraging static pre-rendering and client-side rehydration, advanced bundling and caching and service workers.
debugbear.com
Performant front-end architecture
9 min · · Learn how to make your client-side apps load fast and provide a good user experience. · Shared by 185, including Evan (he/him), Davy De Pauw, Angel Romero, Marius Bleuer, Chris Heilmann codepo8@toot.cafe
wanago.io
Exploring the caching in the browser. Clarifying the cache-control header
4 min · · The performance of our websites is an essential factor to consider. One of the ways to improve it is to cache our resources, and there are many ways to implement it. In this article, we define what…
evilmartians.com
Images done right: Web graphics, good to the last byte — Martian Chronicles
20+ min · · Start taking graphics on the web seriously and boost your applications' performance by learning the essentials about digital image formats. · Shared by 170, including Oliver Raduner, henrik, tcherno, Chris Heilmann codepo8@toot.cafe, Stephanie A Kowalski, sascha aßbach, Balda, ross, Design Shack, Benoist Lawniczak, Joe Lencioni
marinaaisa.com
Designing web interfaces in position absolute
8 min · · Frustrations, reflections and ideas on how to optimize our design and development processes through web UI tools. · Shared by 46, including Fabricio Teixeira
cloudflare.design
Color by Cloudflare Design
15+ min · · A color palette tool for interface design · Shared by 146, including Charles Baldwin, Brent Summers, mdy, Aleksandra Wisniewska, Una 🇺🇦, pizza.lottie 🍕, Benny Schudel, Niklaus Gerber, Nando 💪🇦🇺🇦🇷, philipptemmel, Tomas Vestenicky, Victor Tolosa, adrianleb.eth, Mark Kaigwa, René Clausen Nielsen, Chris Coyier, Yoav Ganbar (🥑 Builder.io/Qwik), Cameron Yick ~ @hydrosquall@vis.social on mastodon, Selim Imoberdorf
leerob.io
Everything I Know About Style Guides, Design Systems, and Component Libraries
10 min · · A deep-dive on everything I've learned in the past year building style guides, design systems, component libraries, and their best practices. · Shared by 120, including Oliver Raduner, Yoav Ganbar (🥑 Builder.io/Qwik), Thomas Kaul, Matthias Lampe, numano, Arti Villa, Nick Floro, 瑞拿頭, Gabriele, Waqas Ahmed, Rick Powell, Massimiliano Aroffo
Dribbble
5 sneaky typography errors to avoid
6 min · · Polished typography is no easy feat, but it can be accomplished by paying attention to a few important details. We're shedding some light on five common typography mistakes that might not even… · Shared by 46, including five5star // Design Graphique, Design Shack, KOstas, Michael Musgrove
Phil Walton
Using Native JavaScript Modules in Production Today
12+ min · · Two years ago I wrote about a technique—now commonly referred to as the module/nomodule pattern—that allows you to write ES2015+ JavaScript and then use bundlers and transpilers to generate two… · Shared by 67, including Clemens, Joe Lencioni, cody lindley, Beni Buess, Simone Corsi 💻🚀, @brianleroux@indieweb.social 💙
nolanlawson.com
High-performance input handling on the web
6 min · · There is a class of UI performance problems that arise from the following situation: An input event is firing faster than the browser can paint frames. Several events can fit this description: scro… · Shared by 31, including Jake Archibald, Davy De Pauw
LogRocket
Beyond cookies: Today's options for client-side data storage
7 min · · When they were first introduced, cookies were the only way for browsers to save data. Since then, many new options have been added. So, are cookies dead? · Shared by 16