Nuevo en CssCSS Container Queries (Size) | Can I use... Support tables for HTML5, CSS3, etc
Scoped Styles: the @scope rule | Can I use... Support tables for HTML5, CSS3, etc
selector list argument of :nth-child and :nth-last-child CSS pseudo-classes | Can I use... Support tables for HTML5, CSS3, etc
una.im | New capabilities for attr()
Advanced attr() is landing in Chrome 133, and I'm really excited for this feature! Here's a bit about it and how you can use it.
HTMLElement API: popover | Can I use... Support tables for HTML5, CSS3, etc
Splitting the Web
Splitting the Web par Ploum - Lionel Dricot.
There’s an increasing chasm dividing the modern web. On one side, the commercial, monopolies-riddled, media-adored web.
Then there’s the tech-savvy web
The ideal viewport doesn’t exist
Before you settle on basing design decisions on a handful of strict breakpoints, make sure you consider the vast fragmentation of screen sizes and browser viewports.
CSS Flexbox Layout Guide | CSS-Tricks
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes history, demos, patterns, and a browser support chart.
The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.
light-dark()
Using HSL Colors In CSS — Smashing Magazine
HSL colors are very powerful when we use them the right way. They can save us time and effort and even help us to explore options for how to apply color to design. In this article, Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects.
Modern Techniques for Writing Better CSS | Aleksandr Hovhannisyan
Write cleaner CSS using modern strategies like :is and :where, logical properties and values, clamp, gap, and aspect-ratio.
How to think about HTML responsive images · Dan Cătălin Burzo
srcset, sizes, picture, source, and how they all fit.
How to display language-specific quotes in CSS
Use CSS and the open-quote and close-quote values to display language-specific quotes.
The details and summary elements, again | scottohara.me
I've already written about the details and summary elements, but there is more to tell, and there have been some changes since I la...
The Button Cheat Sheet
Do you need a button for your next project but you’re not sure about the right markup? Don’t worry, we’ve got you covered!
Breakpoint-Free CSS Grid Layouts
Check out the full build as part of my Frontend Masters course: https://frontendmasters.com/courses/pro-css/?utm_source=teacher-post&utm_medium=social&utm_ca...
CSS Stats - Analyze and visualize CSS
Analyze CSS from any website. View colors, typography, spacing, specificity graphs, and design tokens.
Rethinking “Pixel Perfect” Web Design — Smashing Magazine
Amit Sheen takes a hard look at the “Pixel Perfect” legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like in a multi-device, fluid world.
Stop Ignoring the Browser: The Biggest Frontend Shift in a Decade
Native browser APIs now provide powerful alternatives for routing, state management, and components. Never mind the frameworks, use the browser.