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. More after jump!

Media 129

Media Systems Mobile Design 129

Smashing Magazine

JULY 21, 2021

All you need to do is select a base color, the contrast ratio of the shades, and the number of color variations you’d like to have, and the tool generates a perfectly-balanced color palette that you can copy and paste into your favorite design tool. On design systems, CSS/JS and UX. Designing Accessible Color Systems.

Social Media 145

Social Media Design Media Code 145

Smashing Magazine

SEPTEMBER 21, 2021

Designing and implementing these graphical interfaces takes a lot more work. Meet Adam Silver’s Form Design Patterns , a practical guide to designing and building forms for the web. Only one key will differ, for the system to know what tool you want to act on. Further Reading on Smashing Magazine. “

Development 117

Development Energy Programming Systems 117

Smashing Magazine

JULY 29, 2021

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. On design systems, CSS/JS and UX. And this is without taking into account the zoom state of the web browser and operating system.). More after jump! centimeters.

Operating System 145

Operating System Mobile Testing Systems 145

Smashing Magazine

OCTOBER 6, 2021

On design systems, CSS/JS and UX. CSS is designed to not lose content, to not cause harm. Another common trigger for overflow has to do with one of the recognized mistakes in the design of CSS by the CSS Working Group. More after jump! With Carie Fisher, Stefan Baumgartner and so many others. Jump to online workshops ?.

Design 145

Design Availability Mobile Website 145

Smashing Magazine

FEBRUARY 5, 2019

Design the launch screen to be identical to the first screen of your app, as mentioned by Apple: “Design a launch screen that’s nearly identical to the first screen of your app. Don’t design an entry experience that looks like a splash screen or an "About" window. Every app must supply a launch screen.”. There you have it!

Performance 89

Performance Energy Operating System Code 89

Smashing Magazine

OCTOBER 9, 2021

It is designed to enable you to create awesome and unique animations without writing a line of CSS keyframes. On design systems, CSS/JS and UX. Note : This article requires a basic understanding of Vue.js What Is AnimXYZ? AnimXYZ is a composable, performant, and customizable CSS animation toolkit powered by CSS variables.

Media 125

Media Code Efficiency Tuning 125

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 26, 2020

Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. Inspired Design Decisions With Giovanni Pintori: Publicity Becomes An Art Form. With one or two occasional exceptions, I’ve spent the past twenty-two years designing for countless clients. I know many designers who work in-house.

Design 112

Design Media C++ Energy 112

Smashing Magazine

JANUARY 15, 2019

In 2013, A List Apart published Sustainable Web Design by James Christie. 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. Sustainable Web Design. Data transfer is one thing that we can measure quite easily.

Website Performance 78

Website Performance Website Energy Performance 78

Smashing Magazine

JANUARY 7, 2019

Performance isn’t just a technical concern: it matters, and when baking it into the workflow, design decisions have to be informed by their performance implications. Without a strong alignment between dev/design and business/marketing teams, performance isn’t going to sustain long-term. Setting Realistic Goals.

Performance 111

Performance Cache Network Metrics 111