Smashing Magazine

JULY 13, 2021

But, in the end, working with new tools and technologies brings a lot of benefits: Wider support, community assistance, better developer experience, and ease of getting people working on the project. Although, jQuery is a library that contains a lot of code and features that are not needed anymore. Define The Migration Strategy.

Serverless 111

Serverless Code Website Servers 111

Smashing Magazine

JULY 19, 2021

Between an endless amount of code to make sure you’re providing full coverage and dealing with the fragile nature of front-end tests — where a simple selector change can completely break an end-to-end workflow — it can sometimes feel like an uphill battle. They’re all testing the code. Unit Testing. add-to-cart').click();

Testing 142

Testing Code Design Strategy 142

Smashing Magazine

APRIL 21, 2023

They were designed to provide a way to execute JavaScript code in the background, separate from the main execution thread of a web page, in order to improve performance and responsiveness. The main thread is the single execution context that is responsible for rendering the UI, executing JavaScript code, and handling user interactions.

Efficiency 107

Efficiency Code Strategy Network 107

Smashing Magazine

SEPTEMBER 2, 2021

Over the last little while, I’ve been able to collect links to several interactive coding tools and apps that can help you supplement your skills in different areas of web development. This is a straightforward flexbox playground that also generates the code for you. “code golf”). Image source: Flexbox Zombies ).

Development 145

Development Games Education Programming 145

Smashing Magazine

JANUARY 21, 2021

And suddenly, before you know it, the code base gets a little bit overweight and fragmented , third-party scripts have to load just a little bit earlier, and shiny new dynamic content finds its way into the DOM through the backdoors of fourth-party scripts and their uninvited guests. On some article pages, the graph looked differently.

Performance 145

Performance Cache Mobile Network 145

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. Definitely read up on the strategy and reasoning behind this stack in the first article if you missed it. But there’s no need to stop there!

Cache 72

Cache Strategy Best Practices Design 72

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. If you switched to a lighter blue or white font within the 4.5 See large preview ).

Website 145

Website Mobile Design Testing 145

Smashing Magazine

SEPTEMBER 3, 2019

But those days are gone: Websites have gotten very complex, involving many tools and technologies in their stacks. Adhering to these strategies has several benefits. The most immediate one is that our product can ship new features faster, indeed they can go live as soon as the team has finished coding them. Large preview ).

Website 82

Website Serverless AWS Lambda 82

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. +. Capacitive Touch. +. Standards, Assumptions, and Problems. +. Finding Out How People Hold and Touch. +.

Mobile 87

Mobile Design Best Practices Website 87

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? Performance Budgets, Pragmatically shows you a strategy to achieve that. Large preview ).

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JUNE 26, 2019

As a result, she came back to me concerned with publishing a post on a strategy her agency had yet to adopt successfully. Clean coding practices. Let the web developer handle all of the necessary speed optimizations like caching and file minification while you take on the following design tips and strategies: 1. Minification.

Website 110

Website Speed Mobile Design 110

Smashing Magazine

OCTOBER 27, 2021

Since then, technology has evolved, and what started with naked-eye observations has become a sophisticated and accurate technology to measure eye movements. Eye-tracking is nothing but new, but recent developments in technology made the methodology accessible to businesses of all sizes. “. More after jump! Mobile UX Research.

Mobile 112

Mobile Website Hardware Social Media 112

Smashing Magazine

NOVEMBER 22, 2021

You can see the impact of these efforts in the Core Web Vitals Technology Report from Google Chrome User Experience Report (CrUX) / HTTP Archive : Ratio of sessions with good CWV per platform. Source: HTTP Archive's Core Web Vitals Technology Report. Source: HTTP Archive's Core Web Vitals Technology Report.) ( Large preview ).

Website 126

Website Performance Google Media 126

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

DECEMBER 17, 2021

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. Digital HMI just recently became a mass-market technology. It’s crucial to craft a solid notification strategy. Further Reading On Smashing Magazine. Jump to table of contents ?.

Design 107

Design Entertainment Mobile Automotive 107

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? How do we actually know where we stand in terms of performance, and what our performance bottlenecks exactly are?

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

NOVEMBER 17, 2022

Webpage performance test report for the Smashing Magazine website. In that case, you can always use the <picture> HTML tag, as shown in the code below, so that the browser can pick the image format supported in the order provided. <picture> But everything we will see can be extrapolated to any other technology.

Media 106

Media Cache Website Mobile 106

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

DECEMBER 22, 2021

You’ll find psychology heuristics just like tips for building a winning UX strategy , dive deep into user research and UX writing , and explore real-world examples — good and bad — from which you can learn to create experiences that truly matter. How To Build A Winning UX Strategy. Yet how exactly do we get there? Why do we interface?

Airlines 129

Airlines Mobile Design Strategy 129

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

AUGUST 26, 2021

By this point, it’s reasonable to expect to have answers to most of the big, basic questions of how people and digital technology work with one another. If anything, questions of technology and society seem to be piling up faster than we can address them. As you no doubt know, however, we don’t. We really don’t.

Social Media 134

Social Media Technology Technology Website 134

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. Then, we’ll remove everything in the styles/ directory (it’s all sample code). If you’re not familiar with this syntax, you can check out “ A Strategy Guide To CSS Custom Properties ”.) Alexander Dubovoy.

Website 142

Website Design Best Practices Code 142

Smashing Magazine

OCTOBER 19, 2021

It’s just a matter of it’s you doing it, or if there’s a separate team doing it, but somehow you’re deploying code. But the other thing is to be able to take operational concerns into account during your design development and implementation of any technology. Somehow you’ve got a server out there running somewhere.

DevOps 84

DevOps Metrics Systems Design 84

Smashing Magazine

JUNE 28, 2021

Designing With Code: A Modern Approach To Design. The Rise Of Design Thinking As A Problem Solving Strategy. 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?

Website 62

Website Design Open Source Software 62

Smashing Magazine

JULY 29, 2019

Minification removes unnecessary spaces and characters, but uglification actually ‘mangles’ the code to be shorter. The tell-tale sign is that the code contains short, machine-generated variable names rather than untouched source code. But I suspect a lot of it is tracking code and advertising setup. Large preview ).

Cache 96

Cache Google Mobile Network 96

Smashing Magazine

JANUARY 21, 2019

A component is simply a set of pieces of HTML, JavaScript and CSS code put all together to create an autonomous entity. Because we have established the database object data to be retrieved in a relational manner, we can also apply this strategy among the relationships between database objects themselves. title, content, thumbnail.

Social Media 64

Social Media Database Media Website 64