Our page views with a “good” Cumulative Layout Shift score increased from 20% to > 75%. Here’s an overview of how and what we learned.

The fastest path to AI-powered full stack observability, even for lean teams. - netdata/netdata

After exhausting all ideas for improving CLS, we leaned on our vast audience, and our analytics pipeline to provide us with direction.

Dependency Injection is a fairly complex topic for beginners. It might not be necessary to know the...

ZincSearch . A lightweight alternative to elasticsearch that requires minimal resources, written in Go. - zincsearch/zincsearch

Maintaining aspect ratio within images and elements is now easier to achieve with the new aspect-ratio CSS property.

We leveraged our analytics pipeline to see real-time impact on Web Vitals and created a crowdsourced solution for accurately sizing embeds.

Tailwind CSS v3.0 is here — bringing incredible performance gains, huge workflow improvements, and a seriously ridiculous number of new features.

https://tailwindcss.com/blog/tailwindcss-v3

In this episode of Designing in the Browser, we will be elaborating on some concepts introduced in the Container Queries episode and expanding beyond on how to use container queries into the question of when to use them.

Container Query Polyfill → http…

With service workers it is possible to implement an offline experience for our web app, but there are cases, when the user is offline, that all our app does is display a message letting the user know and asking them to come back later.

In this video you’ll…

Big companies, like Google & Facebook, store all their code in a single monolithic repository or monorepo... but why? Learn how to use tools like NPM or Yarn workspaces, Learna, Nx, and Turborepo to scale your codebase https://fireship.io/pro

#software…

Jake and Surma chat about 'features' of yesterday that still get in our way today. You might have encountered some of them before, but here's why they're weird.

Bgcolor → https://goo.gle/3s2Znuq
X-Mixed-Replace image → https://goo.gle/3pRgwo2
Box model and…

Software engineering is one of the most intriguing and in-demand occupations right now. You've probably heard about how wonderful software development is, and I agree that it excites me every time I hear about it. However, I suppose we should be aware of…

A simple hand drawn HTML/CSS theme.

How to use CSS comparison functions to create a conditional border radius

Minimalist and lightweight starter kit that prioritizes semantic syntax, making every HTML element responsive and elegant by default.

I built a simple app with 10 different JavaScript frameworks... Learn the pros and cons of each JS framework before building your next app https://github.com/fireship-io/10-javanoscript-frameworks

#javanoscript #webdev #top10

🔗 Resources

Full Courses http…

In this episode of Designing in the Browser, we’re going to take a look at dark mode with our host Una Kravets.

Resources:
Tooling Report → https://goo.gle/3s4i0OA
Houdini.how → https://goo.gle/31T7rTj
Designcember → https://goo.gle/designcember
Prefers…