article thumbnail

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

Smashing Magazine

If you want to use web fonts your choices are basically Flash of Invisible Text (aka FOIT) where the text is hidden until the font downloads or Flash of Unstyled Text (FOUT) where you use the fallback system font initially and then upgrade it to the web font when it downloads. Wasn’t font-display Supposed To Solve This? Large preview ).

article thumbnail

Improving The Performance Of An Online Store (Case Study)

Smashing Magazine

The project consisted of upgrading the shop software to our own open-source system and redoing the shop’s front end from scratch. On design systems, CSS/JS and smart interface design patterns. Many of them are covered in CSS-Tricks’ helpful overview , and Smashing Magazine offers a great PDF checklist. Practical Things We Did.

Insiders

Sign Up for our Newsletter

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

Trending Sources

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 103
article thumbnail

Respecting Users’ Motion Preferences

Smashing Magazine

Most new operating systems enable the user to set their motion preferences in their system-level settings. The prefers-reduced-motion media query (part of the Level 5 Media Queries specification) allows us to detect users’ system-level motion preferences, and apply CSS styles that respect that. Jump to online workshops ?.

Media 125
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 134
article thumbnail

Answering Common Questions About Interpreting Page Speed Reports

Smashing Magazine

Barry Pollard, a web performance developer advocate for Chrome, wrote an excellent primer on the CrUX Report for Smashing Magazine. If throttling is applied at the operating system level , then the metrics match what a real user with those network conditions would experience.

Speed 97
article thumbnail

How To Build Your Own Mouseless Development Environment

Smashing Magazine

I couldn’t start my system anymore. All and all, it took me days to get back to the system I had before the crash. I can reinstall my whole system with a bunch of scripts I’ve written, including all the tools I use and their configurations. Note : The tools I advocate in this article work on Linux-based systems.