😱 CSS nesting improves with CSSNestedDeclarations
To fix some weird quirks with CSS nesting, the CSS Working Group resolved to add the CSSNestedDeclarations interface to the CSS Nesting Specification. With this addition, declarations that come after style rules no longer shift up, among some other improvements.
These changes are available in Chrome from version 130 and are ready for testing in Firefox Nightly 132 and Safari Technology Preview 204.
To fix some weird quirks with CSS nesting, the CSS Working Group resolved to add the CSSNestedDeclarations interface to the CSS Nesting Specification. With this addition, declarations that come after style rules no longer shift up, among some other improvements.
These changes are available in Chrome from version 130 and are ready for testing in Firefox Nightly 132 and Safari Technology Preview 204.
❤11👍3
🪡 The most effective ways to improve Core Web Vitals
Over the years, the web community has built up a wealth of web performance optimization knowledge. While any one optimization may improve performance for many sites, all of them at once can feel overwhelming and, realistically, only some of them are applicable to any given site.
Over the years, the web community has built up a wealth of web performance optimization knowledge. While any one optimization may improve performance for many sites, all of them at once can feel overwhelming and, realistically, only some of them are applicable to any given site.
❤8👍1
💡 You can use new CSS features and apply fallback styles in unsupported browsers using the supports rule. The same can be done in JavaScript.
❤5👍3
This media is not supported in your browser
VIEW IN TELEGRAM
💡 How to Easily Create an Accordion Without JavaScript: A Note for Front-End Developers
❤9👍4
This media is not supported in your browser
VIEW IN TELEGRAM
🏄 Smooth Multi-Page Experiences with Just a Few Lines of CSS
A single line of CSS can enable slick multi-page transitions for web applications (and web sites for those who maintain there's a difference), opening up new possibilities for web app architectures, and website experiences. So let’s take a look at View Transitions, why we might want them, and how to get started with just that single line of CSS.
A single line of CSS can enable slick multi-page transitions for web applications (and web sites for those who maintain there's a difference), opening up new possibilities for web app architectures, and website experiences. So let’s take a look at View Transitions, why we might want them, and how to get started with just that single line of CSS.
❤5👍3
🚀 How to start a React Project [2025]
Every year, I want to give you a brief overview of how to start a new React project. I'll reflect on the advantages and disadvantages, the skill level needed as a developer, and the features each starter project offers to you as a React developer. By the end, you'll know about three solutions for different requirements.
Every year, I want to give you a brief overview of how to start a new React project. I'll reflect on the advantages and disadvantages, the skill level needed as a developer, and the features each starter project offers to you as a React developer. By the end, you'll know about three solutions for different requirements.
❤6👍2
🌐 What Is TCP/IP
Ever wondered how the internet actually works? What’s TCP? Why is UDP faster (but kinda reckless)?
I broke it all down with simple analogies, tables, and even a hamburger 🍔 (yep, you’ll finally get the OSI model in 60 seconds).
Includes real-world comparisons of TCP, UDP, QUIC, and SCTP – no tech degree needed.
🧠 If you've ever used the internet, you’ll want to read this.
Ever wondered how the internet actually works? What’s TCP? Why is UDP faster (but kinda reckless)?
I broke it all down with simple analogies, tables, and even a hamburger 🍔 (yep, you’ll finally get the OSI model in 60 seconds).
Includes real-world comparisons of TCP, UDP, QUIC, and SCTP – no tech degree needed.
🧠 If you've ever used the internet, you’ll want to read this.
👍7❤5
⚡️ Bolt.new: AI-Powered Full-Stack Web Development in the Browser
Bolt.new is an AI-powered web development agent that allows you to prompt, run, edit, and deploy full-stack applications directly from your browser—no local setup required. If you're here to build your own AI-powered web dev agent using the Bolt open source codebase
Bolt.new is an AI-powered web development agent that allows you to prompt, run, edit, and deploy full-stack applications directly from your browser—no local setup required. If you're here to build your own AI-powered web dev agent using the Bolt open source codebase
❤8🔥1
🪠Don't Sleep on AbortController
AbortController is a global class in JavaScript that you can use to abort, well, anything!
Once you create a controller instance, you get two things:
The signal property, which is an instance of AbortSignal. This is a pluggable part you can provide to any API to react to an abort event, and implement it accordingly. For example, providing it to a fetch() request will abort the request;
The .abort() method that, when called, triggers the abort event on the signal. It also updates the signal to be marked as aborted.
AbortController is a global class in JavaScript that you can use to abort, well, anything!
Once you create a controller instance, you get two things:
The signal property, which is an instance of AbortSignal. This is a pluggable part you can provide to any API to react to an abort event, and implement it accordingly. For example, providing it to a fetch() request will abort the request;
The .abort() method that, when called, triggers the abort event on the signal. It also updates the signal to be marked as aborted.
❤10👍2