Links tagged “design”

teenageengineering.com

Site of the Stockholm design studio behind the Pocket Operator series, the EP synthesisers and the OB-4 speaker.

martinfowler.com

Bliki entry on CQRS, the idea of splitting the conceptual model into separate models for update and for display, and when that split is worth its cost.

ucdc.therectangles.com

A nine-field canvas, in the lineage of the Business Model Canvas, mapping user problems, motives and fears against business goals to reach a value proposition.

kilianvalkhof.com

How to give an element a sloped edge whose angle stays constant whatever its width, using clip-path with viewport-width units.

vanschneider.com

Collection of hand-picked two- and three-colour combinations with hex codes, ready to copy into design work.

losttype.com

Collaborative digital type foundry selling and giving away typefaces from independent designers.

nucleoapp.com

Icon library and companion app for browsing, customising and exporting a bundle of more than 40,000 SVG icons.

material.google.com

Material Design's colour system — picking primary and secondary colours with light and dark variants, and applying them to signal hierarchy and interactivity.

firstround.com

Noah Weiss of Slack on designing and timing mobile push notifications so they stay useful instead of eroding user trust.

unsplash.com

Library of free high-resolution photographs, downloadable for commercial and personal use under the Unsplash licence.

blog.liip.ch

Second part of the multi-device series, covering models for how people pick a device in a given context and the coordination patterns between simultaneous screens.

blog.liip.ch

Last part of the multi-device series, presenting the Multi-Device Interaction Canvas, a template for mapping user tasks, devices and context factors such as location and privacy.

medium.com

A glossary of eighteen UX design and research terms, each with a pronunciation guide, a plain definition and pointers to further reading.

pixelbuddha.net

Design resource library of mockups, fonts, photo and text effects, brushes, icons and templates, part free and part subscription.

github.com

A React playground demo of a mini settings form, where site settings are edited in place rather than through a separate form page.

tonyhschu.ca

Personal site of Tony Chu, a designer of interfaces for machine learning products, collecting his portfolio and design writing.

martinfowler.com

Weighs the benefits of microservices — module boundaries, independent deployment, technology choice — against distributed complexity, eventual consistency and operational cost.

land-book.com

A curated gallery of hand-picked website designs — landing pages, portfolios, blogs and ecommerce sites — updated daily.

allthefreestock.com

Directory of free stock photos, videos, illustrations, mockups, fonts, icons and colour tools, gathered on a single page.

coolors.co

Web tool that generates colour palettes, lets you browse existing ones and extracts colours from an image.