From Chaos To System In Design Teams

In many of the teams that I have joined in the past, I have found a situation similar to the following — they seem to work and deliver things quickly, but without following a reflected approach to their interface design process; there are almost no shared libraries nor practices; and finally, the design documentation seems to serve a very short-lived...

2d

Building The Real App With React Query

If you have ever built React applications that use asynchronous data you probably know how annoying it could be to handle different states (loading, error, and so on), share the state between components using the same API endpoint, and keep the synchronized state in your components. In order to refresh data, we should do a lot of actions: define useState...

3d

Upcoming Online Workshops: January – May 2022

You might already know it: We regularly run friendly online workshops around front-end and UX. And, well, we have a couple of exciting new ones coming up in the next few months. You can join us right from the comfort of your own desk, and to make sure the workshops fit into your busy schedule, we break each one of them down into 2.5h-long sessions across...

4d

Freebie: Wayfinding Icon Sets (164 Icons, PNG, SVG, AI, EPS

Whenever we visit new places, we often need to quickly navigate and find the right direction. As a result, wayfinding has become an integral part of modern architecture. Navigation can be accompanied by icons for intuitive perception, and if you want to help people navigate more effectively, then intuitive visuals are a great place to start. There...

5d

Modern Fluid Typography Using CSS Clamp

The concept of fluid typography in web development has been present for years, and developers had to rely on various workarounds to make it work in the browser. With the new CSS clamp function, creating fluid typography has never been more straightforward. Usually, when we implement responsive typography, values change on specific breakpoints. They...

6d

Ten Tips For Aspiring Designer Beginners (Part 2)

Since you’re probably coming from Part 1, you may already know that I’ve been living and breathing user interface and product design for just over a decade now and had no one (or to be more exact, very few people) to guide me in the right direction. In this article, I’d like to continue to share some pointers that helped me grow and become a better...

2w

Building A Web Code Editor

An online web code editor is most useful when you do not have the opportunity to use a code editor application, or when you want to quickly try out something on the web with your computer or even your mobile phone. This is also an interesting project to work on because having the knowledge of how to build a code editor will give you ideas on how to...

2w

How To Hire For Digital Accessibility Roles

I’m currently the Head of Services at Fable, a company that connects organizations to people with disabilities to make user research, design, and development more inclusive. Because of the nature of the work we do, we have many accessibility roles within our company and we also work directly with people in accessibility roles at companies that use Fable...

2w

A Deep CSS Dive Into Radial And Conic Gradients

CSS gradients are a useful CSS feature that can be used to create interesting UI effects or even help us in drawing something without the need to create HTML elements for it. Two gradients that I would like to focus on in this article are conic-gradient and radial-gradient. Each one works differently (conic gradients are curved, while radial gradients...

2w

Changing A Tire On A Moving Car (Or How To Improve Product Roadmaps)

Companies can often carry their products into the future with a “feed the machine” mentality. To meet customer demands they continually pack more features into a product only to find that it’s making it more and more complicated over time. In the flurry to keep feeding the demand, they side-step prudent measures to help them assess the impact of the...

3w