Learn how we simplified the Intercom navigation, enhanced the user experience, and created space for AI innovation.

Avoid pitfalls and deliver value fast

A message appeared to users at the top of the screen that was deep in the administration system for Google’s G-Suites apps. It read “The new User management feature has more efficient workflows, time-saving features, insights about account issues and so much more.

The one where I shrink my paths

Let's take a look at what SVG filters are and the basics of how they work.

AI design is currently overhyped · Will AI take design jobs? · What should designers focus on in light of rapidly changing AI tools?

The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.

Amit Sheen takes a hard look at the “Pixel Perfect” legacy concept, explaining why it’s failing us and redefining what “perfection” actually looks like in a multi-device, fluid world.

Prefer SVG over PNG, trust browsers to downscale, drop obscure formats—the ultimate, exhaustive guide to favicons for modern web. Includes steps for static HTML and Webpack.

A 7-guideline playbook to ship safer, smarter voice and podcast features

LOADMORE showcases unconventional websites for smartphones.

Varchive is a showcase of AI-assisted builds, inspiration, and how-tos. Itself assisted by AI.

It’s 2023 and I’m still frequently asked by clients about scrolling. I understand why. Every design comes with assumptions about how much content

Generate customizable color palettes in advanced color spaces that can be easily shared, downloaded, or exported.

Discover the advantages of LCH and OKLCH color spaces for UI design and color palettes. Learn about their differences and why OKLCH is the better choice.

Reconstructing Strategic Work in the AI Era

Because thinking is hard.

A collection of psychological biases, design principles and UX concepts that affect the product experience.

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

Use this model of the design research process to align your organization and match your activities to your real questions

How do we conduct UX research when there is no or only limited access to users? Here are some workarounds to run UX research or make a strong case for it. An upcoming part of Smart Interface Design Patterns.

A no-fluff way to interpret and organize your research findings

An in-depth, beginner-friendly guide on how to conduct effective user research. Topics include: UX research plans, recruiting, methodology, and analysis.

This is about reducing banding effects in gradients by introducing noise. A nice approach is a displacement map using SVG filters.

How to serve high-quality, vertical and horizontal video variants and break free from platforms like YouTube

SVGs are one of the most remarkable technologies we have access to on the web. They’re first-class citizens, fully addressable with CSS and JavaScript. In this tutorial, I’ll cover all of the most important fundamentals, and show you some of the ridiculously-cool things we can do with this massively underrated tool. ✨

A simple tool to transform an SVG shape into a CSS shape. Get a modern and optimized code in no time!

This is a guide to protect ourselves and to preserve what is good about turning data into visual things.