Design

Instantly generate, find, and copy colors that you like in the beautiful land of Colortopia.

Every time a carousel is mentioned in a blog post, it's a requirement to mention that... say it with me now: You probably shouldn't use a carousel.

Forget the gym, here are some resolutions you'll actually keep

A simple tool to convert a wavelength in nm to an RGB, hexadecimal or HSL colour.

Color hex encyclopedia providing information about any color.

So skeuomorphism is out and flat design is in, which is old news but hey, trends can be real fickle and designers are at the mercy of trying to keep up.

An original selection of 50 color combinations you can use in your infographic and presentation design.

A `picture` element snippet to load properly resized responsive webp images in browsers that support them.

Visual Customer Journey Maps, User Flows, Sitemaps, and Personas tools for designing exceptional UX.

A guide to the latest production-ready tools for design systems

A compendium of articles, links, tools, and other resources shared by our speakers at Online Together: Fall Summit.

Daniel Schwarz shows how to mark up forms using only HTML and CSS, covering new CSS3 options that make it easier to style inputs.

Carefully examine the user’s context, task at hand, and next steps when deciding whether to open links to documents and external sites in the same or a new browser tab.

A collection of best practices for data table UX/UI

Discover UX prototyping tools for designing mobile and desktop experiences. From UX design to front end development - find the right tool for the job.

Sans Francisco is a collection of tools to help designers craft delightful experiences. Sign up for the newsletter for new tools and articles every week.

Now with a11y tools

Mobile has overtaken desktop and represent more than 50% of web traffic. Learn more about responsive web design's principles in this guide.

Navigation menus are one of the most-viewed and most-clicked-on pieces of interface. Let’s look at some principles of nav design that will help our users have a better experience.

Consider the common pattern of selecting a pricing plan for a hypothetical service. To make a selection, users need to know the name of the plan, the price, and its features. But if we include all …

There are different ways to work with icons, but the best solution always includes SVG, whether it’s implemented inline or linked up as an image file.

Cards for Humanity is a practical tool for inclusive design. Deal the cards to get a random person and their needs. Your challenge is the work out how to design for this person.

Create and share color palettes for your UI, and measure the accessibility of any color combination.

The caret icon most clearly indicated to users that it would open an accordion in place, rather than linking directly to a new page.

Grid layouts are a great choice for displaying a lot of content in an attractive, well-organized manner. Use our collection to find the perfect match.

Geri Reid, UI and UX Designer, London

It’s no secret that the senior population is growing. By 2030, people over the age of 65 are predicted to make up 20.6% of the population of the US.  Around