Links

Entries tagged with #design .

↳ Show all entries

Footer — The only footer gallery on earth.

A really nice gallery with a lot of footer design inspiration in all forms and colours, sorted by type and style. The footer often is a neglected part of a design. But it doesn’t have to be this way.

Dark Mode: How Users Think About It and Issues to Avoid

An in-depth look at dark mode. Summary: it is popular, but not essential. Users like dark mode but maintain similar behaviors without it. They think about it at the system level, not the application level. If you choose to support dark mode, test your design to avoid common dark-mode issues.

The Elements of UI Engineering

A brilliant post by Dan Abramov on common UI and design / engineering problems and how trying to solve them is often a greater lesson than only learning about a new technology. “Learning comes from exploring the problem space and trying different possible tradeoffs.”

The business value of design

How do the best design performers increase their revenues and shareholder returns at nearly twice the rate of their industry counterparts? The McKinsey Design Index (MDI) highlights four key areas of action companies must take to join the top quartile of design performers. What they found and point out in their report: There is a strong correlation between high MDI scores and superior business performance.

High Resolution: Interview with Tom Kelley

A great interview with IDEO's Tom Kelley on design, design thinking, and what it takes to build your creative confidence.

CREATIVE LEADERSHIP today

A blog on creative leadership by John Maeda from 2009 to mid-2015.

Working with Charles and Ray Eames

Australian architect Darrel Conybeare joined the Eames office in Venice, California, in 1967, as a young graduate of the Architecture and Civic Design Masters program at the University of Pennsylvania. The next three years were beyond his greatest expectations …

“I learned [about] the importance of building prototypes at both small scale and full size for all design outputs, products and graphic elements; and, ultimately, that there is no substitute for simple hard work in tackling any design challenge.”

Device Agnostic

A wonderful piece by Trent Walton about why we should build websites that are built to face the reality of the Web's inherent variability.

In Defense of Design Thinking, Which Is Terrible

“If you have an idea—a force of nature—like technology, it becomes most powerful when it’s democratized, when it gets out there into the world and in the hands of millions of people.

I believe this is true of design, too.”
This is a must-read by Vinh.

Running in Circles – Why Agile Isn’t Working and What We Do Differently

Ryan Singer explains how, at Basecamp, they use the so called uphill phase to learn – through prototypes – what’s hard and what’s possible in a project.

Design Principles

An open source collection of design principles and methods managed by @benbrignell

Matthew Butterick’s Practical Typography – A web-based book

“Ty­pog­ra­phy is the vi­sual com­po­nent of the writ­ten word. And be­ing a pub­lisher of the writ­ten word nec­es­sar­ily means be­ing a ty­pog­rapher. This book will make you a bet­ter typographer.”

Design Principles, collected by Jeremy Keith (@adactio)

A huge collection of design principles from various disciplines. 

Space in Design Systems, by @nathanacurtis

From Basics to Expanded Concepts to Apply Space with Intent

Understanding Flexbox: Everything you need to know, by @OhansEmmanuel

A concise and complete introduction to CSS Flexbox.

Get the Balance Right: Responsive Display Text, by @clagnut ◆ 24 ways

Richard Rutter (Clearleft) shows how to use vmin and a hybrid method of sizing text using CSS calc() to achieve balanced font-sizes for different viewports.

Designing for the Web, by Mark Boulton

Modern web design is a discipline that spans a huge range of skills. In his book, Mark Boulton masterfully guides you through things like process and workflow, research, typography, colour, layout, and much more.

Fractal – build and document web component libraries & styleguides

Fractal by @allmarkedup, frontend dev @clearleft, lets you build and document web component libraries and styleguides, and then integrate them into your projects. It is flexible, data-driven, and can be seamlessly integrated into your site.

The Web’s Grain – A view on designing for the web

One of the best articles on designing for the web, by @frank_chimero. As wonderful as important. Required reading.

Making And Maintaining Atomic Design Systems With Pattern Lab 2 By

Pattern Lab 2 is an open-source suite of tools to help you and your team create and maintain thoughtful UI design systems. At its core, it’s a static site generator that stitches together patterns and allows you to design with dynamic data.