article thumbnail

A New Way To Reduce Font Loading Impact: CSS Font Descriptors

Smashing Magazine

Smashing Magazine, like most publishers, makes use of web fonts and the below screenshot shows the difference between the initial render (with the fallback fonts), and the final render (with the web fonts): Smashing Magazine article with fallback font and with full web fonts. Large preview ). Large preview ).

article thumbnail

Signals For Customizing Website User Experience

Smashing Magazine

Approximately two-thirds of Indian mobile Chrome users of Smashing Magazine have this setting turned on, for example. For Smashing Magazine, that involved dropping some of our web fonts. And Is It Used? Again, I talked about this that previous article , and the answer is a resounding yes! Data Saver. Network Signals.

Website 120
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

article thumbnail

The State Of Mobile And Why Mobile Web Testing Matters

Smashing Magazine

Testing the Smashing Magazine website on different devices. If you need something slightly more advanced, LambdaTest allows you to run a cross-browser test on 2000+ devices on different operating systems with which you can even perform both manual and automated browser testing. LT Browser in action. Large preview ).

Mobile 142
article thumbnail

How To Design For High-Traffic Events And Prevent Your Website From Crashing

Smashing Magazine

You can often do this using built-in apps on your operating system. You can free up space and reduce the load on your server by compressing and optimizing images. Its a good idea to resize images to make them physically smaller.

Traffic 86
article thumbnail

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form

Smashing Magazine

Inspired Design Decisions: Avaunt Magazine. Since operating system dark modes have become more prevalent, I also subtly alter the lightness and saturation of colors in my palettes, so they appear more vibrant against dark backgrounds. Inspired Design Decisions: Avaunt Magazine. Read More From The Series. Large preview ).

Design 112
article thumbnail

Implementing Infinite Scroll And Image Lazy Loading In React

Smashing Magazine

You can find the installation instructions for your specific operating system here. Usability Findings In eCommerce ,” Christian Holst, Smashing Magazine. Feel free to create a new project if you like. Make sure you have yarn package manager installed if you want to follow with the repo. We will be using the Lorem Picsum APIs.

Code 128
article thumbnail

There Is No Such Thing As A CSS Absolute Unit

Smashing Magazine

As for absolute units, we will dive in and see how they are affected by other things, such as the screen and the device’s operating system. And this is without taking into account the zoom state of the web browser and operating system.). The most common absolute unit is the pixel ( px ). centimeters.