Trends

For the designers and interested clients out there, below are some recent articles on trends in the web design industry.

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

In this article, we’ll take a deep dive into the refactoring process itself, and cover incremental refactoring strategy, visual regression testing, and maintaining the refactored codebase.

read more...

www.smashingmagazine.com

How To Build Resilient JavaScript UIs

Resilience is intrinsic to the web and therefore us, web developers. This article explores how graceful degradation, defensive coding, observability, and a healthy attitude towards failures better equips us before, during, and after an error occurs.

read more...

www.smashingmagazine.com

React Children And Iteration Methods

In this article, we’ll discuss and learn about the use case of iterating over React `children` and the ways to do it. In particular, we will deep dive into one of the utility methods, `React.Children.toArray`, that React gives us, which helps to iterate over the childrenin a way which ensures performance and determinism.

read more...

www.smashingmagazine.com

Frustrating Design Patterns: Disabled Buttons

How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? Let’s find out.

read more...

www.smashingmagazine.com

Four Useful VSCode Extensions For Web Developers

VS Code can be supercharged wuth hundreds of [VS Code extensions](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/). In this article, Leonardo shares four useful extensions that help him in his daily work.

read more...

www.smashingmagazine.com

HTTP/3 From A To Z: Core Concepts (Part 1)

What exactly is HTTP/3? Why was it needed so soon after HTTP/2 (which was only finalized in 2015)? How can or should you use it? And especially, how does this improve web performance? Let’s find out.

read more...

www.smashingmagazine.com

Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety

In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Drew McLellan talks to expert Eva PenzeyMoog to find out.

read more...

www.smashingmagazine.com

Cookieless Alternative To Embed HTML, CSS And JS Code Snippets

Embedding code examples with third-party scripts often leads to tracking or cookies. We always wanted to have a simple website with a good UX, so setting cookies for no reason wasn’t an option for us. Now, with Indiepen, we are proud to introduce a privacy-friendly alternative.

read more...

www.smashingmagazine.com

Handling Mounting And Unmounting Of Navigation Routes In React Native

Often you need two different sets of navigation stacks for pre and post user authentication. Usually, to see more content, you have to be authenticated in some way. Let’s look at how to mount and unmount navigation stack based on a met condition in React Native.

read more...

www.smashingmagazine.com

New Smashing Workshops on Front-End & Design

How do we build and establish a successful, bulletproof design system? What’s the state of HTML Email? And what are new, smart interface design patterns we could use? Let’s find out. With our [brand new online workshops](https://smashingconf.com/online-workshops/) on front-end & design — to help us all boost skills online.

read more...

www.smashingmagazine.com