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 117

Speed Google Website Metrics 117

Smashing Magazine

SEPTEMBER 21, 2021

Operating systems have often three layers, more or less coupled with each other: The kernel , which directly dabbles with the hardware of your computer; The shell , an interface for you, or some applications, to interact with the kernel; A display layer on top, like a desktop manager or a tiling windows manager.

Development 117

Development Energy Programming Systems 117

Smashing Magazine

DECEMBER 15, 2021

Feature phones all use proprietary and little known operating systems developed by the makers of the phones, as opposed to prevalent ones like Android or iOS. or what would later be derisively called dumbphones. While some feature phones are still clamshell or flip phones, the candy bar or slider are at least as common.

Mobile 122

Mobile Design Internet Internet 122

Smashing Magazine

JANUARY 15, 2019

In this screenshot below, for example, we can see that loading the Smashing Magazine website for the first time incurs just under a megabyte of data transfer. For the more adventurous/technical, the top (table of processes) command provides similar metrics on most Unix-like operating systems such as macOS and Ubuntu.

Website Performance 78

Website Performance Website Energy Performance 78

Smashing Magazine

FEBRUARY 5, 2019

Keep in mind that the operating system will remove the saved state when the app is being force-closed by the user, in order to avoid getting stuck in a broken state in case something goes wrong in the state preservation and restoration. State Restoration For View Controllers. There you have it!

Performance 89

Performance Energy Operating System Code 89

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

NOVEMBER 16, 2021

Conventional computers now sport touchscreens and otherwise blur the lines between device types – and between mobile and desktop operating systems. Sales of traditional mouse-and-keyboard computers have been falling for years, replaced by mobile phones and tablets.

Mobile 106

Mobile Design Best Practices Website 106

Smashing Magazine

OCTOBER 9, 2021

refs.openButton; openButtonRef.focus(); }); } }, }, }; </script> AnimXYZ’s animations are disabled when the reduced-motion setting in the browser or operating system is turned on. $nextTick(() => { const openButtonRef = this.$refs.openButton; Let’s display a helper message to users who have opted in to reduced motion.

Media 125

Media Code Efficiency Tuning 125

Smashing Magazine

OCTOBER 6, 2021

Depending on the browser and operating system, you may also experience browser scrollbar widths upsetting the 100vw calculation as well. Since it’s not subtracting the margin , it experiences overflow due to 100vw being 16px wider than the available space between the body’s margins. Currently, the fix is to update to 100% if you can.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

JUNE 2, 2021

Many of them are covered in CSS-Tricks’ helpful overview , and Smashing Magazine offers a great PDF checklist. Some resources that helped a lot were the great articles here on Smashing Magazine about the magazine’s own improvements. An In-Depth Guide To Measuring Core Web Vitals ,” Barry Pollard, Smashing Magazine.

Performance 132

Performance Cache Website Mobile 132

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.

Media 129

Media Systems Mobile Design 129

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. Large preview ). Large preview ).

Development 141

Development Google Open Source Storage 141

Smashing Magazine

JANUARY 7, 2019

If you want to get started with GraphQL, Eric Baer published two fantastic articles on yours truly Smashing Magazine: A GraphQL Primer: Why We Need A New Kind Of API and A GraphQL Primer: The Evolution Of API Design ( thanks for the hint, Leonardo! ). On Smashing Magazine, we could measure 19-32% improvement , too. Image source ).

Performance 111

Performance Cache Network Metrics 111

Smashing Magazine

JULY 21, 2021

Windows High Contrast Mode in particular behaves differently than other operating system display modes and completely overrides authored colors with user-set colors. Quick Tips For High Contrast Mode. Designing for different display modes can bring along some unforeseen surprises.

Social Media 145

Social Media Design Media Code 145