Dan's design links

Very rarely is exactly one design system created to serve exactly one product that expresses exactly one design language. Nearly all the design systems we've worked on require a high degree of flexibility in order to properly serve our clients' needs. Some of this flexibility is achieved by variabil

A high quality, expansive CSS course that will elevate your CSS and core skills to a level you never thought was achievable.

beautifully crafted animated icons

The definitive guide to design icons in Figma, with detailed step-by-step instructions and video examples.

Convert any SVG into an SF Symbol

Figma was the latest company to mishandle AI and design — foreshadowing the loss of a vast array of design jobs. We should demand better from our tools and industry.

The reverse reckoning of UX design.

Keeping yourself and a Design System alive long-term with effective maintenance and some fresh motivation.

The website of Robin Rendle, a designer and writer from the UK.

My first professional/coding related post in a while, this one dives into finding as inclusive a solution as possible for displaying the initials of users on a platform. What follows is not really a s

Explore the open database of design salaries. Promoting transparency and pay equity among design professionals globally, across industries and experience levels

We interviewed 10+ design systems teams to understand how they track success and here's what we found.

LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.

Here’s some tips for creating icons — anything from a single colour pictogram to a highly detailed app icon.

**Editor’s Note**: _This article contains many video examples that show functional animation. Therefore, it may take longer to load on slow connections._ A good UX designer can easily explain the logic behind each decision in a [design concept](https://www.smashingmagazine.com/2015/02/27/design-principles-dominance-focal-points-hierarchy/). This includes the [information architecture](https://www.smashingmagazine.com/2014/10/20/improving-information-architecture-card-sorting-beginners-guide/), the [content hierarchy](https://www.smashingmagazine.com/2015/02/27/design-principles-dominance-fo...

LukeW Ideation + Design provides resources for mobile and Web product design and strategy including presentations, workshops, articles, books and more on usability, interaction design and visual design.

Just over a year ago, we released Origami — a free tool for designing interactive user interfaces. We’ve used it here at Facebook to design…

Freelance Front-End Web UI/UX Developer - Lebanon

**Editor's Note**: _Designers could learn how to code, and developers could learn how to design. Sometimes it might not be an option. In this article, the author makes a suggestion to designers without coding skills on how to start crafting code. You might want to take the suggested tool with a grain of salt (or not) but the idea might be worth looking into._ Designers have widely adopted HTML and CSS for a while now. They usually feel comfortable enough to implement their own designs, at least in a static form. However, they’re often intimidated by JavaScript — and rightly so! HTML and CSS...

…and one weird trick you won’t believe works every time.

People always ask us how we make our GIFs, so we figured it was time to spill the beans.

An in depth look at how we redesigned the Trello Android app using Google's Material design guidelines.

I take a look at how Flex actually calculates its space, and how we might use it now, and in the future.

We’ve all fallen into territorial arguments about what content belongs on a site’s homepage. It’s the most important part of your website, after all—or is it? Ida Aalen shows us how to circumvent t…

A guide to multi-DPI and platform design

Web designers and developers are often scared of using the command line, but we don’t need to be. It’s actually a simple—and useful—set of tools that can speed up your work and improve your life. O…

Redeeming the maligned reputation of CSS Table

Here at Typ.io, we're revealing designers' decisions for all to see; peeking under the hood of beautiful websites to find out what fonts they're using and how they're using them. We want to know what font goes with what.