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,

Performance 98

Performance Metrics Best Practices Code 98

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. Using HTTPS opens up a world of new web technologies like service workers that allow us to treat the network itself as a nice-to-have. Large preview ).

Website Performance 73

Website Performance Website Energy Performance 73

Smashing Magazine

JANUARY 7, 2019

Time to Interactive (TTI) The point at which layout has stabilized, key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19).

Performance 103

Performance Cache Metrics Network 103

Smashing Magazine

FEBRUARY 2, 2022

In this article, we’re going to cover code-splitting best practices and showcase some examples using React, so we load the minimum JavaScript necessary to render a page and dynamically load sizeable non-critical bundles. This problem is more apparent on unreliable and slow networks and lower-end devices. Large preview ).

Code 89

Code Performance Network Website 89

Smashing Magazine

JANUARY 11, 2021

Usually, the most specific and relevant ones are: Time to Interactive (TTI) The point at which layout has stabilized , key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. Large preview ). Watch out for the Webpack Roadmap 2021.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

SEPTEMBER 27, 2021

The phrase sums up end-to-end testing well: It simulates actual user workflows and should include as many functional areas and parts of the technology stack used in the application as possible. However, due to run times, it is not advisable to cover every single available workflow. Example: Finding My Articles in Smashing Magazine.

Testing 135

Testing Website Code Efficiency 135

Smashing Magazine

JANUARY 6, 2020

Usually, the most specific and relevant ones are: Time to Interactive (TTI) The point at which layout has stabilized, key webfonts are visible, and the main thread is available enough to handle user input — basically the time mark when a user can interact with the UI. Other options are available , too.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JULY 16, 2021

If you happen to be interested in learning how to accomplish the exact same concept using React, friend of the show magazine Heydon Pickering wrote about the topic back in 2018 and supplied React/JSX sample code. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns.

Strategy 140

Strategy Virtualization Government Education 140

Smashing Magazine

JUNE 28, 2021

Drew: I guess there’s always a trade-off, isn’t there with technology choices? I tend to find in technology choices, the most important thing is just to know. There’s accessibility, best practices, performance and one fourth one. That you, is available from the makers of Chakra, but as a commercial offering.

Website 62

Website Design Open Source Software 62

Smashing Magazine

OCTOBER 12, 2021

This new technology may cause some to rethink how entire design and engineering teams collaborate and work through use cases and building components. So, you may be wondering, how does UXPin Merge’s technology help with this over-the-top process we all employ today? Out With The Old Process. In With The New Process.

Design 109

Design Development Testing Processing 109

Smashing Magazine

JULY 6, 2021

We’ve explored the concepts behind headless CMSes in detail here on Smashing Magazine, but let’s do a quick recap. For example, if the CMS is built on Microsoft’s.NET Framework, the front-end website would also be built on the same technology. But where do they preview the content before it is made available to the general public?

Cache 143

Cache Website Mobile Google 143

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

DECEMBER 22, 2021

The Ultimate Guide to UX Research shares tips and best practices from leading industry experts. After several months of strict Covid quarantine gave product designer Ehsan Noursalehi a new perspective on our relationship with technology, he decided to convert his obervations and questions into an online micro book.

Airlines 128

Airlines Mobile Design Strategy 128

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 141

Website Architecture Technology Technology 141

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

SEPTEMBER 6, 2021

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 104

Network Servers Cache Traffic 104

Smashing Magazine

JULY 7, 2021

You need to sign up for the Interactive Components Beta program to start experimenting with this new feature as it is not yet available in the current stable release. With best practices and guidelines on accessibility, assistive technology and inclusive design patterns. Online, and live. Jump to the workshop ?.

Design 144

Design Website Best Practices Games 144