Design

Complete guide to build scalable, harmonious color system

The powerful tool for create Mac, iPhone, iPad and Apple Watch icons.

… an easy to use, open-source, native colour picker for macOS. Pika makes it simple to quickly find colours onscreen, in the format you need, so you can get on with being a speedy, successful designer.

This site shows such schemes, developed with the help of mathematical descriptions of colour differences and the two main types of colour-blind vision. A colour scheme should reflect the type of data shown.

But some design experts say it could have been worse.

SVGBox makes it dead-easy to include icons in your project. Simple tags: that's all you need. No CSS, JS, file uploads, or inline SVGs. It's completely free and delivered over Cloudflare CDN, the same technology that powers CDNJs's 190B+ monthly requests .

A collection of repeatable SVG background patterns for you to use on your web projects.

Introducing Lollipop, a sweet new take on Android.

A front-end template that helps you build fast, modern mobile web apps.

This is a one page Material Design HTML template based off the MaterializeCSS framework. The template includes styles for several sections including work, team, and a nice big header.

Material Design One Page HTML Template

Everything about favicon, Apple touch icon and RealFaviconGenerator

… for perfect icons on all browsers

A crisp set of 15×15 icons designed by the Modulz team.

Your design system is not a project.

UI & UX best practices from Google’s design system documentation.

Behind the scenes of our new design system (Airbnb)

How rethinking the Airbnb app changed the way we approach design

Hayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.

A multidisciplinary designer with an eye for details.

Documenting UI bugs to show that all UI developers make mistakes. This blog will showcase bugs in large and popular websites and apps.

How an emerging CSS standard can fix old problems and raise the bar for web apps

The Past, Present, & Future of Interfaces • A micro-book with incomplete observations on human-computer interfaces by Ehsan Noursalehi

I’ve been reading lots more non-fiction books than normal. And I’m getting increasingly annoyed about footnotes1. Footnotes are a weird skeuomorph hangover from the days of printed text…

Documenting everything through the journey of learning web accessibility.

Understand Atomic Design with Pace Layering to assist Design Systems’ construction and maintenance

Learn about how to write defensive CSS.

Open source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum