Links
Entries tagged with #design .
↳ Show all entriesThe Elements of UI Engineering
https://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 design
https://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 Kelley
https://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 today
http://creativeleadership.com/A blog on creative leadership by John Maeda from 2009 to mid-2015.
Working with Charles and Ray Eames
http://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.”
Device Agnostic
https://www.trentwalton.com/2014/03/10/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
https://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 Differently
https://m.signalvnoise.com/running-in-circles-aae73d79ce19Ryan 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
https://principles.design/An open source collection of design principles and methods managed by @benbrignell
Matthew Butterick’s Practical Typography – A web-based book
http://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 @nathanacurtis
https://medium.com/eightshapes-llc/space-in-design-systems-188bcbae0d62From Basics to Expanded Concepts to Apply Space with Intent
Understanding Flexbox: Everything you need to know, by @OhansEmmanuel
https://medium.freecodecamp.com/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af#.jcypy2fbjA concise and complete introduction to CSS Flexbox.
Get the Balance Right: Responsive Display Text, by @clagnut ◆ 24 ways
https://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 Boulton
http://designingfortheweb.co.uk/index.phpModern 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
http://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 web
http://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 By
https://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 project
http://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 @beep
http://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 Typography
https://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 law
http://markboulton.co.uk/journal/design-systems-and-postels-lawPostel’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 Study
https://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
Color Safe
http://colorsafe.co/Empowering designers with beautiful and accessible color palettes based onWCAG Guidelines of text and background contrast ratios.
Designing for Performance – Weighing Aesthetics and Speed
http://designingforperformance.com/The (free) online version of @lara_hogan's great book on web performance.
Style Guide Resources
http://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 & Pizza
http://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.