Design

An Observable notebook by Toph Tucker.

Layoutit grid is a CSS Grid layout generator. Quickly draw down web pages layouts with our clean editor, and get HTML and CSS code to quickstart your next project.

Create CSS Duotones quickly for free

Chirag Mehta - Personal Web Log - 'blog - Chime Softwares - Indian Blogger live from Saint Petersburg, Florida, St. Pete, FL

Simple color picker everyone

Building an accessible color system from scratch.

Color blindness is an inaccurate term. Most color-blind people can see color, they just don't see the same colors as everyone else. There ha...

A growing list of accessibility tools and resources

Task analysis is the systematic study of how users complete tasks to achieve their goals. This knowledge ensures products and services are designed to efficiently and appropriately support those goals.

IDEO U is an online school where leaders can unlock their creative potential and build their problem-solving skills.

The 18F Methods are a guide to putting human-centered design into practice.

App to sketch out a business model canvas

Understand similarities and differences among empathy maps, customer journey maps, experience maps, and service blueprints.

Like most large enterprises, IBM’s success relies heavily on teams spread all around the globe. More important, their success relies on the ability of these distributed to effectively collaborate as well as they would in person.

The founders and designers we work with in the Google Ventures portfolio have a lot of important questions. Is there a market for my…

Service-blueprinting workshops require thoughtful planning and hands-on facilitation.

Benchmark your UX by first determining appropriate metrics and a study methodology. Then track these metrics across different releases of your product by running studies that follow the same established methodology.

An example script for use while moderating a usability testing

Color and transparency are typically treated independently. Choose a color and set its opacity (or alpha, if you prefer). Simple enough. But, how exactly are color and opacity related? For the purpose of this post, lets just consider grayscale. With a little additional effort, …

The definite palette editing and remapping tool