Three design patterns exist for inactive UI commands: showing them as normal commands with an error message if clicked, a visibly disabled state, or completely hiding unavailable options. Best practic...

When AI tools have democratized product creation, standing out isn't about better tools or flashier features—it's about fundamentally different skills that most people skip entirely.

We've collected 16 excellent content style guides to inspire you on your journey towards a new style guide or voice and tone. Join the ride!

Discover seven custom React Hooks that will simplify your web development process and make you a faster, better, more efficient developer.

Reuse data or state across interfaces by separating your Angular components based on responsibility, aka the smart/dumb component pattern.

Writing about the big beautiful mess that is making things for the world wide web.

A simple but powerful mental model for working with AI: treat it like an enthusiastic intern with no real-world experience. Paul Boag shares lessons learned from real client projects across user resea...

Will Mendes has a bit of CSS to highlight accessibility issues on HTML elements. Things like missing alt text and labels that aren’t linked properly to inputs. If you want to try it out quick on a web...

How words are powering a new era of digital product design

Unsure if your product needs a facelift or a full rebuild? Here’s how to decide how deep your UX redesign should go without wasting time or budget.

High-performing contact forms should be concise and intuitive and simultaneously make things easier for the brand representatives on the other end of the form.

Ditch the reduce() boilerplate! Learn how to use Object.groupBy() and Map.groupBy() in JavaScript to group data with cleaner, more expressive code.

I rebuilt our order form from scratch. The result? A 95% drop in support tickets and a smoother experience for everyone.

Learn how analytical and systematic thinking can lead to natural creative insight, and discover what makes projects emotionally resonate.

Why moving judgment to the edges wins in the long run

There are a ton more @media queries than

The infamous developer-designer relationship doesn’t need to be toxic. Design and development teams should approach collaboration as coowners of the product experience.

Notes from my Thoughtworks colleagues on AI-assisted software delivery

See how unifying screens in a trading platform redesign halved task time and how you can use the same UX principles in your product.

I want to look at practical uses for CSS trigonometric functions. And we'll start with what may be the most popular functions of the "worst" feature: sin() and cos().

There are usually multiple ways to do the same thing on the web. Sometimes... a lot of ways. Which is

In this chapter, we’ll write our own web server: It will serve files and manage the data for a browser app.

Read about how the growth of frontend development created so many tools, and how to manage tool overload within your team.

Compare the top AI development tools and models of September 2025. View updated rankings, feature breakdowns, and find the best fit for you.

Cursor is an AI-focused VS Code fork. Here's Steve Kinney with a nice overview of what it offers and how to start getting help out of it right away.

How to fix A11y issues at the system-level

Learn how to safely sort, reverse, and splice arrays in JavaScript using ES2023 methods toSorted(), toReversed(), and toSpliced(). Perfect for React and modern JS development.

Even if you’ve been doing JavaScript for a while, you might be surprised to learn that setTimeout(0) is not really setTimeout(0). Instead, it could run 4 milliseconds later: Nearly a decade a…

Although JavaScript regexes used to be underpowered compared to other modern flavors, numerous improvements in recent years mean that’s no longer true. Steven Levithan evaluates the history and presen...

Discover why you might be having difficulty with AI coding tools, and learn some practical strategies to work with AI more effectively.

In this chapter, we learn how to handle tasks that take a long time to complete – think downloading a file. The mechanisms for doing that, Promises and async functions are an important foundation of J...

Prompting is more than giving AI some instructions. You could think of it as a design act, part creative brief and part conversation design. This second article on AI augmenting design work introduces...

The European Accessibility Act of 2025 has new requirements for making ecommerce accessible. Here are 5 best practices to improve your site’s accessibility.

Card-based design has become one of the most popular UI patterns across the web and for good reason. From mobile apps and dashboards to news websites and online stores, cards offer a flexible and clea...

Learn how Promise.any() helps you handle multiple promises by resolving with the first success, perfect for fallback APIs and progressive features in JavaScript.

AI chat and search lets users describe needs without exact keywords, but many don't know AI's full capabilities or how to prompt effectively.

How can we move beyond the confines of a simple input field to help agents evolve from mere “tools” into true “partners” that can perceive…

Use placement and contrast to shape flow and gain clarity. A login form redesign reveals how designers think.

If AI snaps up all of their opportunities to learn, junior engineers can never grow into senior roles. Then who’s left to lead the engineering teams of the future?

SVG gives us many different primitives to work with, but by far the most powerful is the <path> element. Unfortunately, it’s also the most inscrutable, with its compact Regex-style syntax. In this tut...

Rodolpho Henrique guides you through the essential aspects of color in digital design and user experience, from the practical steps of creating effective and scalable color palettes to the critical ac...

Learn event delegation in JavaScript, optimize event handling, reduce memory use, support dynamic elements, and handle tricky non-bubbling events.

Product stakeholders see user research as a tool to validate already-made decisions. But binary findings that confirm or reject a design provide little value.

Prompting isn’t just about writing better instructions, but about designing better thinking. Ilia Kanazin and Marina Chernyshova explore how advanced prompting can empower different product & design u...

How do you design block quotes and pull quotes to reflect a brand’s visual identity and help tell its story? Here’s how I do it by styling the HTML blockquote element using borders, decorative quote m...

You can get your hands on ranges of text in JavaScript, then apply a named

Design systems are more than style guides: they’re made up of workflows, tokens, components, and documentation — all the stuff teams rely on to build consistent products. As projects grow, keeping eve...

Today, I want to discuss a couple of patterns for naming color palettes that the community is using, and how I propose we can improve, so we achieve both flexibility and beauty.

Logical assignment operators (||=, &&=, ??=) streamline conditional assignments in JavaScript, making your code cleaner, safer, and easier to read, especially in modern front-end workflows.