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.

Mobile 89

Mobile Design Best Practices Website 89

Smashing Magazine

MAY 20, 2020

It’s happening because of new features being added and the fact that we sometimes don’t have a second thought on packages that we constantly add and update, or think about the complexity of our code. In the case that new development changes the file size to the point of exceeding the defined limit, the script will complete with non-zero code.

Performance 100

Performance Metrics Best Practices Code 100

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.

Website Performance 74

Website Performance Website Energy Performance 74

Smashing Magazine

JANUARY 7, 2019

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). milliseconds mark.

Performance 104

Performance Cache Metrics Network 104

Smashing Magazine

JANUARY 6, 2020

Is it worth exploring tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, server push, clients hints, HTTP/2, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 11, 2021

Have we optimized enough with tree-shaking, scope hoisting, code-splitting, and all the fancy loading patterns with intersection observer, progressive hydration, clients hints, HTTP/3, service workers and — oh my — edge workers? It’s much easier to reach performance goals when the code base is fresh or is just being refactored.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

APRIL 29, 2021

The above code with an alt specified looks as follows: <img src="donut.jpg" alt="A delicious pink donut."> 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. Large preview ).

Media 145

Media Network Metrics Mobile 145