/enlaces
Selección de links relacionados con el desarrollo "front end".
Selección de enlaces
Lecturas (8)
-
Magic
Knock, knock! Who’s there? Control freak (now you say “control freak who?”)
-
The CSS Selection - 2026 Edition - Project Wallace
The CSS Selection shows real-world CSS usage from over 100,000 websites and looks at the most important metrics.
-
The Missing Middle of Open Source
Why serious, maintainer-driven projects struggle to sustain themselves—and what it will take to fix it.
-
The IndieWeb and Small web
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
Splitting the Web par Ploum - Lionel Dricot.
-
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.
-
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.
Html y Css (12)
-
CSS Masking
Css Masking
A deep dive into CSS masking
-
CSS Flexbox Layout Guide | CSS-Tricks
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.
-
The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()
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.
-
Using HSL Colors In CSS — Smashing Magazine
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.
-
Support (Not) Unknown
Supports
Adding Container Query tests to CSS @support
-
Modern Techniques for Writing Better CSS | Aleksandr Hovhannisyan
Css buenas practicas
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
Responsive images
srcset, sizes, picture, source, and how they all fit.
-
How to display language-specific quotes in CSS
Blockquotes
Use CSS and the open-quote and close-quote values to display language-specific quotes.
-
The details and summary elements, again | scottohara.me
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...
-
The Button Cheat Sheet
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!
-
Breakpoint-Free CSS Grid Layouts
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...
-
CSS { In Real Life } | I’ve Been Doing Blockquotes Wrong
Blockquotes
Wpo (2)
-
⭐️
Should you preload fonts for performance?
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.
-
You’re loading fonts wrong (and it’s crippling your performance)
Tipografía
Fonts are one of the most visible, most powerful parts of the web. And yet: almost everyone gets them wrong.
Los links dentro de la categoría Nuevo en Css hace referencia a nuevas características Css, es conviene revisar el soporte en navegadores antes de usar en producción.
Nuevo en Css (25)
-
CSS property: height: stretch | Can I use... Support tables for HTML5, CSS3, etc
-
":heading" | Can I use... Support tables for HTML5, CSS3, etc
-
"scroll-behavior-contain" | Can I use... Support tables for HTML5, CSS3, etc
-
scroll-target-group | Can I use... Support tables for HTML5, CSS3, etc
-
contrast-color() | Can I use... Support tables for HTML5, CSS3, etc
-
Custom highlights from point | Can I use... Support tables for HTML5, CSS3, etc
-
CSS Gap Decorations Module Level 1
-
types: `sibling-index()` | Can I use... Support tables for HTML5, CSS3, etc
-
CSS at-rule: `@property` | Can I use... Support tables for HTML5, CSS3, etc
-
shape() | Can I use... Support tables for HTML5, CSS3, etc
-
View Transitions API (single-document) | Can I use... Support tables for HTML5, CSS3, etc
-
CSS property: text-box-edge | Can I use... Support tables for HTML5, CSS3, etc
-
CSS property: text-box-trim | Can I use... Support tables for HTML5, CSS3, etc
-
Scroll-driven animations | Can I use... Support tables for HTML5, CSS3, etc
-
CSS Nesting | Can I use... Support tables for HTML5, CSS3, etc
-
CSS at-rule: `@layer` | Can I use... Support tables for HTML5, CSS3, etc
-
CSS 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
-
field-sizing | Can I use... Support tables for HTML5, CSS3, etc
-
light-dark() | Can I use... Support tables for HTML5, CSS3, etc
-
"color-mix()" | 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
-
CSS font-size-adjust | 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.
-
hidden="until-found" | Can I use... Support tables for HTML5, CSS3, etc