Smashing Magazine

MARCH 7, 2022

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 105

Website Media Mobile Network 105

Smashing Magazine

OCTOBER 31, 2023

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 99

Speed Google Website Metrics 99

Smashing Magazine

MARCH 2, 2021

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 135

Mobile Testing Website Benchmarking 135

Smashing Magazine

JUNE 26, 2020

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 97

Design Media C++ Energy 97

Smashing Magazine

FEBRUARY 5, 2019

Sometimes, due to insufficient memory, the operating system might need to remove your app from memory while the app is in the background, and the app might lose track of its last UI state if it is not preserved, possibly causing users to lose their work in progress! State Restoration For View Controllers. There you have it!

Performance 77

Performance Energy Operating System Code 77

Smashing Magazine

OCTOBER 6, 2021

On design systems, CSS/JS and UX. Depending on the browser and operating system, you may also experience browser scrollbar widths upsetting the 100vw calculation as well. Particularly when using a framework or design system and then also writing custom CSS, we can encounter bugs related to the cascade and inheritance.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

OCTOBER 9, 2021

On design systems, CSS/JS and UX. refs.openButton; openButtonRef.focus(); }); } }, }, }; </script> AnimXYZ’s animations are disabled when the reduced-motion setting in the browser or operating system is turned on. With Carie Fisher, Stefan Baumgartner and so many others. Jump to online workshops ?. Why Use AnimXYZ?

Media 122

Media Code Efficiency Tuning 122

Smashing Magazine

JUNE 20, 2019

Without Google Fonts you would be limited to the handful of “ system fonts ” installed on your user’s device. System fonts or ‘Web Safe Fonts’ are the fonts most commonly pre-installed across operating systems. For example, Arial and Georgia are packaged with Windows, macOS and Linux distributions.

Google 111

Google Performance Cache Website 111

Smashing Magazine

JUNE 2, 2021

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.

Performance 117

Performance Cache Website Mobile 117

Smashing Magazine

OCTOBER 21, 2021

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 126

Media Systems Mobile Design 126

Smashing Magazine

NOVEMBER 15, 2021

This section features terminals, multiplexers, console emulators, mobile terminals, and command-line workspaces that you can use to replace the default terminal app on your system. eDEX-UI is a fullscreen, cross-platform terminal emulator and system monitor heavily inspired by science fiction movie UIs, in particular, the Tron: Legacy film.

Development 135

Development Google Storage Open Source 135

Smashing Magazine

JANUARY 7, 2019

You could go as far as evaluating a framework (or any JavaScript library) on Sacha Greif’s 12-point scale scoring system by exploring features, accessibility, stability, performance, package ecosystem, community, learning curve, documentation, tooling, track record, team, compatibility, security for example. Under consideration in Firefox.

Performance 104

Performance Cache Metrics Network 104

Smashing Magazine

JULY 21, 2021

On design systems, CSS/JS and UX. To prevent misunderstandings, the design team at Lyft came up with their very own color system which is easy to learn for designers and developers while taking accessibility into account at the same time. Designing Accessible Color Systems. Jump to online workshops ?.

Social Media 145

Social Media Design Media Systems 145