/enlaces
Selección de links relacionados con el desarrollo "front end".
Lecturas recomendadas
-
All tomorrow’s parties. — Ethan Marcotte
What happens next? Well, you tell me.
-
Breaking bad
Will your site still be seen by anyone?
-
When to use target="_blank" | CSS-Tricks
Anchor links1 may have a target attribute which controls what happens when that link is clicked. One of the possible values of that attribute is _blank, which
-
On Google declaring war on the Web
In Yesterday’s IO Keynote Google declared war on the remnants of the Web. (See longer description on their website.) TL;DR: They are pushing Search more into the “here’s your processed answer” direction that “AI Overviews” have established (you know, those AI snippets in current Search that are wrong about 10% of the time). So they […]
-
The Boring Internet (text) | Terry Godier
The internet you grew up on isn't dying. A commercial veneer glued on top of it is. A visual essay about what actually persists.
Enlaces sobre Html y Css
-
⭐️
Link + Popover Navigation
Navigation,Popovers
This is a redress of my 2019 post Link + Disclosure Widget Navigation, except (as the title implies), I’ve modified it to use native HTML popovers instead of ARIA or HTML disclosure widgets. Popover has the benefit of using appropriate HTML structure and semantics while removing the need for scripting…
-
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.
Enlaces sobre Wpo
-
⭐️
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.
Enlaces sobre novedades en Css
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.
-
line-clamp CSS property - CSS | MDN
The line-clamp CSS property allows limiting of the contents of a block to the specified number of lines.
-
meta name="text-scale" | Can I use... Support tables for HTML5, CSS3, etc
-
Lazy loading via attribute for video & audio | Can I use... Support tables for HTML5, CSS3, etc
-
border-shape | Can I use... Support tables for HTML5, CSS3, etc
-
CSS at-rule: `@container`: `container-query` is optional (allows name-only queries) | Can I use... Support tables for HTML5, CSS3, etc