Smashing Magazine
NOVEMBER 16, 2021
Touch Design for Mobile Interfaces presents and shares real information on hardware, people, interactions, and environments. 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. Get the eBook.
Smashing Magazine
MAY 20, 2020
Let’s write a script that allows us to measure performance, a11y, best practices, and provide us with an SEO score. There are performance score, a11y score, best practices score, SEO score. title, value: report.categories['best-practices'].score, title, value: report.categories['best-practices'].score,
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.
Smashing Magazine
JANUARY 15, 2019
how much data does the browser have to download to display your website) and resource usage of the hardware serving and receiving the website. 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. These include data transfer (i.e.
Smashing Magazine
JANUARY 7, 2019
On the other hand, we have hardware constraints on memory and CPU due to JavaScript parsing times (we’ll talk about them in detail later). 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).
Smashing Magazine
JANUARY 6, 2020
On the other hand, we have hardware constraints on memory and CPU due to JavaScript parsing times (we’ll talk about them in detail later). From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). Performance budgets should adapt depending on the network conditions for an average mobile device.
Smashing Magazine
AUGUST 22, 2021
As such, one best practice or optimization can end up undoing another. Many network interface controllers (NICs) even have built-in hardware-offload features for TCP. We can also expect QUIC-specific hardware to become available. And it gets worse. Finally convinced?
Smashing Magazine
APRIL 29, 2021
Device Pixel Ratio (DPR) represents how a CSS pixel is translated to physical pixels on a hardware screen. now includes an Image component with several of the above best practices baked in. This typically corresponds to the page’s responsive breakpoints. Device Pixel Ratio (DPR) / Pixel Density Capping. Image Component.
Expert insights. Personalized for you.
87 
Let's personalize your content