/enlaces

Knock, knock! Who’s there? Control freak (now you say “control freak who?”)

The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.

Why serious, maintainer-driven projects struggle to sustain themselves—and what it will take to fix it.

As someone who values privacy and the open web, I’ve been fascinated by the growing movement away from centralised platforms toward more personal, user-controlled online experiences. What surprised me recently was discovering just how many people are embracing these concepts without even knowing their names. IndieWeb The IndieWeb is a community of people who own their websites and content rather than posting to third-party platforms (like Medium, Substack, etc). It’s built on principles like:

Splitting the Web par Ploum - Lionel Dricot.

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.

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.

Native browser APIs now provide powerful alternatives for routing, state management, and components. Never mind the frameworks, use the browser.

Css Masking

A deep dive into CSS masking

Flexbox

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.

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.

Colors

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.

Supports

Adding Container Query tests to CSS @support

Css buenas practicas

Write cleaner CSS using modern strategies like :is and :where, logical properties and values, clamp, gap, and aspect-ratio.

Responsive images

srcset, sizes, picture, source, and how they all fit.

Blockquotes

Use CSS and the open-quote and close-quote values to display language-specific quotes.

Details

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...

Buttons

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!

Video

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...

Blockquotes

Tipografía

Preloading fonts can speed up or slow down your site. Learn how it affects FCP/LCP, how Chrome handles preloads, and when to use them for better performance.

Tipografía

Fonts are one of the most visible, most powerful parts of the web. And yet: almost everyone gets them wrong.

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.