Focus outlines highlight the active interactive element on a web page. They’re crucial for accessibility, especially for keyboard users and those with motor impairments. If you ever tried navigating a website without a mouse, you can imagine how frustrating it is when you can’t see where you are. If not, imagine not seeing your cursor

Ask the search engine Ecosia about “Paris to Prague” and flight booking websites dominate the results. Ecosia’s CEO Christian Kroll would prefer to present more train options, which he considers better for the environment. But because its results are licensed from Google and Microsoft’s Bing, Ecosia has little control over what’s shown. Kroll is ready for that to change.

Creating effective designs for tech-savvy audiences, such as data scientists and software engineers, requires a careful balance between visual clarity, functionality, and creativity. While the complexity of the product must be communicated clearly, the interface also needs to feel intuitive and engaging. Success in such projects doesn’t just come from creativity; it’s rooted in strategic collaboration.

Let’s create a Breakout game using Vanilla JavaScript. In a Breakout game, the player uses a paddle to bounce a ball and hit bricks, removing the bricks one by one.

This article is the culmination of months of work, trial and error, and research to craft the perfect painterly shader for your next WebGL project.

Tooltips are used to provide simple text hints for UI controls. Think of them as tips for tools. They’re basically little bubbles of text content that pop up when you hover over an unnamed control (like the bell icon in Stripe).

Thomas Bohm rethinks technical illustrations and data visualizations, sharing interesting and uncommon examples of how to present data and information. Bar graphs and pie charts are great, but there’s so much more to explore!

Heuristic evaluation is a powerful tool in UX design, offering a structured way to identify and address usability issues in interfaces. But what exactly does it entail, and how can designers use it to improve user experiences?

Creating an infinite horizontal logo scroll effect with pure CSS is a simple yet powerful way to add dynamic movement to a website. This tutorial will walk you through building an infinite scroll effect with added hover effects that allow the user to pause scrolling and scale each logo slightly when hovered.

AI’s new capability to operate computers directly could redefine user experience, from aiding disabled users to automating complex tasks. AI will soon be able to run usability studies, once it can observe the user’s actions and the computer’s response.