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/
Login to add comment
Other posts in this group
![Container query units: cqi and cqb](https://www.cdn5.niftycent.com/a/1/G/w/5/P/0/container-query-units-cqi-and-cqb.webp)
A little gem from Kevin Powell's "HTML & CSS Tip of the Week" website, reminding us that using container queries opens up container query units for sizing things based on the size of the queried co
![Baseline Status in a WordPress Block](https://www.cdn5.niftycent.com/a/k/Q/r/2/L/A/baseline-status-in-a-wordpress-block.webp)
![Compiling CSS With Vite and Lightning CSS](https://www.cdn5.niftycent.com/a/D/v/v/l/p/E/compiling-css-with-vite-and-lightning-css.webp)
Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.
<hr
![Keeping the page interactive while a View Transition is running](https://www.cdn5.niftycent.com/a/k/M/r/7/j/V/keeping-the-page-interactive-while-a-view-transition-is-running.webp)
When using View Transitions you’ll notice the page becomes unresponsive to clicks while a View Transition is running
![Chrome 133 Goodies](https://www.cdn5.niftycent.com/a/1/0/B/z/a/Z/chrome-133-goodies.webp)
Did you see the release notes for Chrome 133? It's currently in beta, but the Chrome team has been publishing a slew of new articles with pretty incredible demos that are tough to ignore. I figured
![The Mistakes of CSS](https://www.cdn5.niftycent.com/a/D/3/W/r/2/M/the-mistakes-of-css.webp)
![What on Earth is the `types` Descriptor in View Transitions?](https://www.cdn5.niftycent.com/a/k/z/7/o/x/w/what-on-earth-is-the-types-descriptor-in-view-transitions.webp)
The @view-transition
at-rule has two descriptions. One is the commonly used navigation
descriptor. The second is types
, the lesser-known of the two, and one t