Entries tagged with #design .↳ Show all entries
The Elements of UI Engineeringhttps://overreacted.io/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 designhttps://www.mckinsey.com/business-functions/mckinsey-design/our-insights/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 Kelleyhttps://www.highresolution.design/16-tom-kelley-ideo/
A great interview with IDEO's Tom Kelley on design, design thinking, and what it takes to build your creative confidence.
CREATIVE LEADERSHIP todayhttp://creativeleadership.com/
A blog on creative leadership by John Maeda from 2009 to mid-2015.
Working with Charles and Ray Eameshttp://streetfurniture.com/au/working-charles-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.”
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 Terriblehttps://www.subtraction.com/2018/04/02/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 @khoi Vinh.
Running in Circles – Why Agile Isn’t Working and What We Do Differentlyhttps://m.signalvnoise.com/running-in-circles-aae73d79ce19
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.
An open source collection of design principles and methods managed by @benbrignell
Matthew Butterick’s Practical Typography – A web-based bookhttp://practicaltypography.com/
“Typography is the visual component of the written word. And being a publisher of the written word necessarily means being a typographer. This book will make you a better typographer.”
Design Principles, collected by Jeremy Keith (@adactio)https://principles.adactio.com/
A huge collection of design principles from various disciplines.
Space in Design Systems, by @nathanacurtishttps://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62
From Basics to Expanded Concepts to Apply Space with Intent
Understanding Flexbox: Everything you need to know, by @OhansEmmanuelhttps://medium.freecodecamp.com/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af#.jcypy2fbj
A concise and complete introduction to CSS Flexbox.
Get the Balance Right: Responsive Display Text, by @clagnut ◆ 24 wayshttps://24ways.org/2016/responsive-display-text/
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 Boultonhttp://designingfortheweb.co.uk/index.php
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 & styleguideshttp://fractal.build/
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 webhttp://www.frankchimero.com/writing/the-webs-grain/
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 Byhttps://www.smashingmagazine.com/2016/07/building-maintaining-atomic-design-systems-pattern-lab/
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.
Astrum – A lightweight pattern library for any web projecthttp://astrum.nodividestudio.com/
Astrum is a lightweight pattern library designed to be included with any web project. It's non-opinionated and doesn't expect you to write your markup or code in any particular way.
Just turned 6: Responsive Web Design, by @beephttp://alistapart.com/article/responsive-web-design
“Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences. Responsive web design offers us a way forward, finally allowing us to “design for the ebb and flow of things.”
The New Web Typographyhttps://robinrendle.com/essays/new-web-typography/
A wonderful piece by @robinrendle about the aesthetics, the quirks, the flexibility, and the fragility of web typography.
Design systems and Postel’s lawhttp://markboulton.co.uk/journal/design-systems-and-postels-law
Postel’s law – “Be conservative in what you do, be liberal in what you accept from others” – applied to design systems and their origination process. What a wonderful thought by @markboulton!
Creating A Living Style Guide: A Case Studyhttps://www.smashingmagazine.com/2016/05/creating-a-living-style-guide-case-study/
One of the most elaborate case studies on living style guides I've read so far. By @StevenKLambert
Empowering designers with beautiful and accessible color palettes based onWCAG Guidelines of text and background contrast ratios.
Designing for Performance – Weighing Aesthetics and Speedhttp://designingforperformance.com/
The (free) online version of @lara_hogan's great book on web performance.
Style Guide Resourceshttp://styleguides.io/
This site lists lots of useful resources to help you learn about and create your own Front-End Style Guides and Pattern Libraries.Contributions by @maban, @bradfrost and many, many more.
Oil Change & Pizzahttp://danielmall.com/articles/oil-change-pizza/
Great advice from Daniel Mall for agencies (and freelancers alike): What makes a great agency are the things they don’t do.