/enlaces

Lecturas recomendadas

• The best dark mode toggle is probably none • Lea Verou

  Light-dark

  My post on two-state dark mode toggles sparked a lot of discussion about the optimal dark mode toggle design. But should you have a (persistent) dark mode toggle at all? I have since been convinced that for most websites, the answer is no.

• Superprimary

  How not to proceed when everything is important

• Dark mode toggles: two states are enough • Lea Verou

  Yes, the underlying model must have three states, but one is always irrelevant to the actual user goal. Users do not seek out solutions to problems they don’t currently have. A lot of the hate towards two-state toggles is based on poor implementations.

• All tomorrow’s parties. — Ethan Marcotte

  What happens next? Well, you tell me.

• Breaking bad

  Will your site still be seen by anyone?

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.

• "flex-wrap: balance" | Can I use... Support tables for HTML5, CSS3, etc

• "text-box-trim" | Can I use... Support tables for HTML5, CSS3, etc

• 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

Todos los enlaces sobre novedades en Css en Raindrop ⁽²⁵⁾