Over on the Polyplane blog (there’s no byline but presumably it’s Kilian Valkhof), there is a great article, Creating websites with prefers-reduced-data, about the prefers-reduced-data media query. No browser support yet, but eventually you can use it in CSS to make choices that reduce data usage. From the article, perhaps you only load web fonts if the user hasn’t indicated a prefernce for low data usage: @media (prefers-reduced-data: no-preference) { @font-face { font-family: 'Inter'; font-weight: 100 900; font-display: swap;
… Read article “Responsible, Conditional Loading”
The post Responsible, Conditional Loading appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.
Inicia sesión para agregar comentarios
Otros mensajes en este grupo.

In this third and final chapter, we’re stepping into interactivity by adding JavaScript, starting with a simple :hover
effect, and ending with a fully responsive bulging text that foll

In this chapter, we will explore ways to animate the effect, add transitions, and play with different variations. We will look at how motion can enhance depth, and how subtle tweaks can create a wh

A client asked me to create a bulging text effect. With a bit of cleverness and some advanced CSS, I managed to get a result I’m genuinely proud of, which is covered in this three-part series.



