Smashing Magazine

NOVEMBER 16, 2021

We’ll come to understand how important it is to understand mobile technology and use patterns, and become aware that mobile paradigms are influencing more traditional computing platforms. The History and Technology of Touch. +. Interface Design Checklists (PDF) 100 practical cards for common interface design challenges.

Mobile 87

Mobile Design Best Practices Website 87

Smashing Magazine

MAY 9, 2022

400 pages , jam-packed with in-depth user research and best practices. The Core Web Vitals initiative gives us a way of seeing the impact on real user web browsing, and the Core Web Vitals Technology Report allows us to see these figures by site based on HTTP Archive monthly crawls. Jump to table of contents ?.

Cache 91

Cache Games Performance Website 91

Smashing Magazine

MAY 6, 2019

The best practice is to do this for the primary images — typically for the ones that will be displayed above the fold. <img This is a best practice only if you do it only to secondary images — typically for the ones will be displayed below the fold. <img Here’s a snippet of code that does that. <!

Website 103

Website Best Practices Media Open Source 103

Smashing Magazine

JULY 27, 2021

is opinionated about how to organize JavaScript code, but it doesn’t have built-in opinions about how to organize CSS. and exercise best CSS practices. There are a couple of questions we have to consider when organizing style within Next.js: How can we fit within the conventions/best practices of the framework?

Website 142

Website Design Best Practices Code 142

Smashing Magazine

NOVEMBER 30, 2021

We last talked to him in July 2020 , where we asked if modern best practices about for the web. Last time we talked, we posed this question of if modern best practices, the use of reactive frameworks and these sorts of things were actually bad for the progress of the web. Drew: You want it to remain unspoiled.

Technology 94

Technology Technology Servers Code 94

Smashing Magazine

JULY 9, 2021

You have a site that does not traverse well (or at all) when disabled users use assistive technologies such as a screen reader, keyboard, or voice recognition to navigate around the site because they lack the motor skills or dexterity to do so. Best Practices For Maintaining Accessibility. See large preview ).

Website 145

Website Mobile Design Testing 145

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 99

Performance Metrics Best Practices Code 99

Smashing Magazine

AUGUST 19, 2021

Unethical practices at companies lead to the creation of technology that we all use but often neglect the influence of those intended to serve. A real interaction between computers and humans starts at technological conception by understanding users through a sound and ethical user research discipline. What are ethics anyway?

Code 137

Code Design Education Government 137

Smashing Magazine

OCTOBER 2, 2023

We collaborated with WaterBear and its partner companies to build a revamped and redesigned version of WaterBear’s web and mobile app from the ground up using modern front-end technologies. Now, let’s dive into the technical features and best practices that my team adopted in the process of building the WaterBear web app.

Cache 72

Cache Strategy Best Practices Design 72

Smashing Magazine

JULY 20, 2021

But technology is evolving, and there are more and more options that make it easier to create websites. But this also has some disadvantages, you still need to configure and update WordPress, make it secure and are dependent on their technology for the development of new functionalities. Technology. Monolithic. Architecture.

Website 142

Website Architecture Technology Technology 142

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. You can read about more advanced dead code elimination (aka tree shaking) in this post for Google by Jeremy Wagner. Data transfer is one thing that we can measure quite easily.

Website Performance 73

Website Performance Website Energy Performance 73

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 Network Metrics 104

Smashing Magazine

JUNE 10, 2022

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Aspects Specific to Technology for Extended Reading Typefaces. Further Reading on Smashing Magazine. Measure quality type: Weak (subjective). More after jump! Jump to table of contents ?. Range of Weights.

Performance 95

Performance Design Speed Testing 95

Smashing Magazine

DECEMBER 22, 2021

The Ultimate Guide to UX Research shares tips and best practices from leading industry experts. Accessibility goes far beyond the code, so when it comes to delivering accessible websites, each person in a team has their specific responsibilities. The more ideas you generate, the better the chances of nailing the big one!

Airlines 129

Airlines Mobile Design Strategy 129

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

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

MAY 17, 2021

Over time, we’ve evolved through a variety of static site generators, JavaScript frameworks, and server technologies. We try to follow best practice by serving as much as we can over a CDN, avoiding as many third-party scripts as possible, and using simple SVG graphics instead of bitmap PNGs. It wasn’t enough.

Google 93

Google Analytics Serverless Metrics 93

Smashing Magazine

NOVEMBER 4, 2021

Creating A Magento PWA: Customizing Themes vs. Coding From Scratch written by Alex Husar. Drew McLellan: He’s an engineer at Skypack and a major contributor to a new project called Astro, which aims to combine performance best practices with the developer experience improvements we see from component based approaches.

Media 88

Media Website Architecture Servers 88

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. He’s been writing code for two decades, and using JavaScript the whole time. They just have to copy and pastable Chakra code. Drew: I guess there’s always a trade-off, isn’t there with technology choices? Is that born out in the code itself? Show Notes. aj Dobrucki.

Website 62

Website Design Open Source Software 62