WebFonts Working Group Announces WOFF 2.0 File Format

What to expect from the new specification.

Duotone

Find beautiful duotone images or make your own.

Haiku

Create dynamic, cross-platform UIs using design tools or code.

Improve your landing page by learning from the best

The latest trends in landing pages for Software as a service.

What Is a Design Review?

Expert reviews as an alternative method to identify usability issues.

CSS Gradient

A website that allows you to get creative with gradients.

Variable Fonts

A simple resource for finding and trying variable fonts.

Swapping Images with the Sizes Attribute

Responsive, JavaScript-enhanced image magnifier component.

The Most Important Design Skill For An AI-Dominated World

A business opportunity for the future-thinking designer.

A 6-point microcopy checklist for product teams without UX writers

Crafting words that help users enjoy your product.

Variable Fonts Demo

An exploration of expressive, performant typography.

Two Very Different Kinds of Illustration

Let’s examine the way our products use illustrations.

A DevTools for Designers

“It’s time for visual design tools in the browser.”

UX Testing for the Masses

Keep it simple and cost effective.

macOS UI Library

A comprehensive macOS UI Library, brought to you by Sketch.

“Your UI development process is too slow and cumbersome, so you invest in prototyping tools that don’t use your code. Now you have two problems.”

“Eyeballs gravitate to the highest fidelity comps in the room. If presenting numerous ideas to stakeholders, beware of presenting ideas with varying fidelity.”

Canada Modern

A physical and digital archive of Canadian graphic design.

The Evolution of Tools

“We’re at an exciting point in the evolution of design tooling.”

The Nomadic Designer

Tips and tricks to work on the road.

10,000 Uses on Fonts In Use

The popular archive of typography celebrates another landmark.

Putting users first is not the answer to everything

“Moral needs and our collective needs are as important as user needs.”

Apple Proposes New Accessibility Emojis

Proposals for a future update to the Unicode Standard.

Using Ethics In Web Design

A basis of an ethical framework for design decisions.

Here’s everything I’ve learned from designing 10,000+ UI screens as a lead product designer

Do’s and don’ts.

New in Darkroom: Depth Editing, Extended-Range RAW Editing & App-Wide Refinements

Update of the iOS photo editing tool.

Overflow

Turn your designs into playable user flow diagrams that tell a story.

Mobbin

A hand-picked collection of latest design patterns from mobile apps.

How Dark Patterns Trick You Online

A short video with many examples of manipulative user interfaces.

Storyboarder

Visualize your story idea without making a movie.

How to Present Your Design to Stakeholders

“Stakeholders don’t care about design principles.”

Practical tips to bring your website to life

Breathing life into digital products.

In Defense of Design Thinking, Which Is Terrible

What do we want design to be?

“‘We should A/B test that’ is a really expensive way to disagree.”

Bringing CSS smarts to Sketch

Introducing Stackswell, a plugin that streamlines repetitive tasks.

Wake joins InVision + announcing Wake Free

Bringing design visibility to more teams.

Beautiful and functional interfaces: Bridging the two worlds

Why beauty matters.

ColorBlindSim

Experience the world as color blinds do, right in your browser.

Creating Themeable Design Systems

Design systems + CSS Zen Garden = Awesome.

How to Efficiently Design Everything at the Last Minute

Twelve steps to procrastinate like a professional.

Pitfalls of Card UIs

An optimistic design choice that ends up compounding complexity.

Color Contrast Crash Course for Interface Design

How to achieve the accessibility standards outlined in the WCAG 2.0.

Trunk

Collaborate on design files with your entire team.

Are Mobile Pop-Ups Dying? Are They Even Worth Saving?

Why they can still play a vital role if you use them wisely.

Design Systems Repo

A collection of design system resources: examples, articles, tools and talks.

Seven principles of effective digital navigation

What to keep in mind when designing a navigation.

GT Super

A typeface with text and display styles inspired from the 70′s and 80′s.

780+ Free Vector Emoji

A collection of cute emoji.

How to Create High‑Quality GIFs

Two GIF creation tools with a workflow for each.

“It’s not about whether your organization values ‘design.’ It’s about whether your organization truly values humans.”

Front-End Design Checklist

A tool to facilitate the collaboration of designers and developers.

Brutalist design is the bad influence we all need

“UX is not an excuse for lack of visual identity.”

“A designer who doesn’t understand psychology is going to be no more successful than an architect who doesn’t understand physics.”

Editorial Design and CSS Grid: Inspiration and examples

“CSS Grid brings editorial design to web design.”

Xenographics

A collection of unusual visualizations, charts, and maps.

“Digital designers who can code will deliver better designs to their teams than those who can’t.”

Solis

Live preview of your code as you write it in your favourite editor.

“A design lives and dies by its designer’s understanding of the problem. Understand the problem.”

Which Podcasts Should Web Designers And Developers Be Listening To?

A shortlist for web designers and developers.

How we designed page previews for Wikipedia

And what could be done with them in the future.

Users Don’t Hate Change. They Hate Our Design Choices.

Designing for embraceable change.

Sketchize

Printable sheets to create wireframes for mobiles, tablets, laptops.

Why Users Make More Errors with Instant Inline Validation

Don’t slow your users down.

Fonts.lol

“The first type foundry dedicated to creating high-quality color fonts.”

Wakamai Fondue

A tool that answers the question: what can my font do?

The Best Place for Error Messages on Forms

Where users expect to see your error messages.

Login Critter

An animated avatar that responds to text field interactions.

Ghost Buttons and Hollow Objects: Line Art is Thriving

Why this trend is still very much alive.

Duotones

Create beautiful duotone color pairings and effects.

“‘Should designer’s code?’ To which I respond: Define ‘design’. Then define ‘designer’. Then define ‘code’.”

Top 10 Design Mistakes in the Unsubscribe Experience

“Canceling email subscriptions should be a one-click process.”

A Guide To The State Of Print Stylesheets In 2018

How we can best create that second experience.

“Beautiful prototyping tools are distracting designers into creating beautiful interactions over beautiful products.”

Priority Guides: A Content-First Alternative to Wireframes

Make sure you always stay focused on what’s important.

The Ultimate Guide to Font Sizes in UI Design

Platforms, principles, and resources.

Feelings Wheel

How do you feel today? The emotional vocabulary at a glance.

New Thinking: Brain Traffic’s Content Strategy Quad

Let’s take a closer look.

The Surprising Science Behind Colour Codes

A look behind 5 commonly used color codes in Design.

Unique

Easily design your own custom fonts in a few steps.

Making More with Material

Google’s design language continues to evolve.

Fieldtrip

Design, UX, tech, innovation and marketing conferences.

Introducing Hadron

A tool for designing through code that makes it visual.

Material Theme Editor

Create and customize your Material theme in Sketch.

Segmented type appreciation corner

The fascination of segmented typography: not quite vectors, not quite pixels.

Web Performance Budgets are more than mere thresholds

They can help us to prioritize features.

May 2018 Update of Adobe XD

Adobe’s UX design application is now available for free.

Get a Font Pack for your next project

Adobe/TypeKit now offers ready to use font collections.

LayoutIt

Visual interface builder for CSS Grid.

What is GDPR, and why should designers care?

Europe’s regulation will make privacy a mandatory design principle.

Evolution of Android Homescreen and Navigation

How key features have changed over the last ten years.

CSS Grid: Responsive layouts and components

Let’s make a photo gallery responsive quickly.

How not to write an error message

Even the most well-meaning messages can go wrong.

The evolution of typography with variable fonts: an introduction

The promise for web design is ground-breaking.

“Design like you’re right, test like you’re wrong.”

Ui Goodies

A directory of design and frontend resources.

Cool Backgrounds

A collection of tools to create compelling, colorful images.

Which accessibility testing tool should you use?

Ways to validate the accessibility of user interfaces.

InVision Studio

The digital product design platform, with app store, asset library, and open API.

Wired Elements

A set of common UI elements with a hand-drawn, sketchy look.

Page Flows

User flow videos and screenshots to inspire you when you’re stuck.