Optimize Images According to Network and Device Constraints in React

Connectivity has evolved beyond recognition since the beginning of the internet. We are lightyears past dial up, these days, and can watch a video in high resolution on our smartphone while being connected to a mobile network. But not all mobile connections are created equal – older generation networks (3G, 2G, etc.) are still quite dominant, accounting for almost half of all connections worldwide in 2020. Unfortunately, the phasing out process is very slow, and many people around the globe … Read article “Optimize Images According to Network and Device Constraints in React”

The post Optimize Images According to Network and Device Constraints in React appeared first on CSS-Tricks. You can support CSS-Tricks by being an MVP Supporter.

https://css-tricks.com/optimize-images-according-to-network-and-device-constraints-in-react/

Creado 5y | 10 dic 2020, 23:20:59


Inicia sesión para agregar comentarios

Otros mensajes en este grupo.

3D Layered Text: Interactivity and Dynamicism

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

22 ago 2025, 14:40:37 | CSS tricks
3D Layered Text: Motion and Variations

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

20 ago 2025, 14:10:10 | CSS tricks
3D Layered Text: The Basics

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.

18 ago 2025, 15:40:13 | CSS tricks
A Few Things About the Anchor Element’s href You Might Not Have Known

It's easy to take URL superpowers for granted, even if you already have these patterns under your belt.


15 ago 2025, 15:50:10 | CSS tricks
Covering hidden=until-found

Short story: Slapping hidden=until-found on an element in HTML enables any hidden content within the element to be findable in the browser with in-page search.


15 ago 2025, 13:30:21 | CSS tricks
On Accessibility Conformance, Design Systems, and CSS “Base” Units

My brain can’t help but try to make connections between seemingly disparate ideas. And that’s what happened yesterday when I read:

  • Hidde’s
14 ago 2025, 14:20:30 | CSS tricks
We Might Need Something Between Root and Relative CSS Units for “Base Elements”

I've come to realize that perhaps we need to have a unit between root and relative values. This would bring about a whole new possibility when creating reusable components.


13 ago 2025, 15:10:33 | CSS tricks