article thumbnail

Meet Touch Design For Mobile Interfaces, A New Smashing Book By Steven Hoober

Smashing Magazine

Conventional computers now sport touchscreens and otherwise blur the lines between device types – and between mobile and desktop operating systems. Chapter 10 covers best practices in how the UIs of interactive elements are designed to attract the eye, afford action, be readable, and inspire confidence that they can be safely tapped.

Mobile 89
article thumbnail

How Improving Website Performance Can Help Save The Planet

Smashing Magazine

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.

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

A Guide To CSS Debugging

Smashing Magazine

To simplify this behavior, a best practice is to ensure your styles include resetting all elements to use border-box. Depending on the browser and operating system, you may also experience browser scrollbar widths upsetting the 100vw calculation as well. Currently, the fix is to update to 100% if you can.

Design 145
article thumbnail

Front-End Performance Checklist 2019 [PDF, Apple Pages, MS Word]

Smashing Magazine

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). From Fast By Default: Modern Loading Best Practices by Addy Osmani (Slides 18, 19). On Smashing Magazine, we could measure 19-32% improvement , too. Image source: Katie Hempenius ) ( Large preview ). Under consideration in Firefox.