Design

Radio-controlled HTML elements!

This article covers how we evolved our tokens at Intuit to create a flexible taxonomy for a small but powerful set of semantic tokens.

Since I've become independent, perhaps the most common request of my time is helping companies develop good career frameworks for their UX teams.

Relight your photos automatically with AI

Rosetta Code is a programming chrestomathy site. The idea is to present solutions to the same task in as many different languages as possible, to demonstrate how...

CSSline is a showcase gallery of excellent sites from all over the world. CSSline includes many neat features like full color filtering and filtering by tags.

Be inspired by handpicked designs, color palettes and copywriting.

A bunch of demos and tools to show off Scroll-driven Animations

Visual guide to CSS selectors, including pseudo-classes (:nth-child, :hover,...), functional pseudo-classes (:not, :is,...) and pseudo-elements.

Useful free eBooks for UX designers, interface designers and product designers — on everything from accessibility and typography to management, IA and content strategy.

"75% of all Applications are Discarded by ATS Software" “Most companies have thousands of resumes sitting in a database that they’ve never looked at. In fact, 75 percent are never seen by a real person.

A branding and packaging design studio in Minneapolis.

Cargo

Mike Matas is an entrepreneur and interface designer based in Healdsburg, California. His work can be seen in products from Apple, Nest, Facebook, Microsoft, and his startups Delicious Library, Push Pop Press and Lobe. He is currently working on some new projects with LoveFrom. Outside of design, Mike is a passionate photographer, gardener, husband and dad.

Marmite Defontes is a digital type foundry founded by Guillaume Berry. The font catalogue focuses on display typefaces: letters, symbols and glyphs families that have a strong visual impact and are expressive. Marmite Defontes licenses are only available through this website. A key foundational principle for the foundry is ‘serious fun’ (like the motto of the Japanese video game company Natsume). Serious about making quality font software. Fonts that are fun to design and fun to use. The FAQ page of the website regroups common questions about purchase, usage and licensing of the fonts. We invite you to read our license (the End User License Agreement - EULA), there’s a summary of what you can do, the complete license and a two-page PDF version. For any information about licensing, custom projects or crêpe recipes, please contact us.

poline is lightweight, dependency free and fast JavaScript function written in TypeScript. It draws lines between anchors over polar coordinates to generate pleasing color palettes.

Graphic designer based in Los Angeles, CA.

Focus Unusual umlauts, odd ogoneks, catchy carons and other dodgy diacritics Guidelines All non-standard letter designs and usages are welcome, both good and bad. ‘Non-standard’ can refer to shape, size, position of the diacritical mark, the context, and any other aspect that deviates from the norm. Feel free to comment on the level of quirkiness, especially if you are a native reader: Is it an interesting, beautiful solution, in its context? Or rather something that you would advise against? Please do not post pics that simply show conventional diacritics. Also: not so much looking for plain orthographic/typing errors (like e’ instead of é) – unless they are really curious in some way. Sources Vernacular lettering, signage, typeface specimen, fonts in use, handwriting – whatever. Tags We encourage to tag the photo with the Unicode of the character(s), e.g. Ö = U+00D6, ö = U+00F6 etc. Formal Some context is okay, no need for cropping. Resources The Diacritics Project: diacritics.typo.cz Ondrej Jób: Context of Diacritics David Březina: On diacritics Adam Twardoch: Polish Diacritics: how to? Victor Gaultney: Problems of diacritic design for Latin script text faces Agnieszka Małecka & Zofia Oslislo (ed.): The Insects Project. Problems of Diacritic Design for Central European Languages Ondrej Jób: Context of Diacritics Radek Sidun: Diacritics of world’s languages Aleksandra Samuļenkova: Diacritics as a Means of Self-Identification, ATypI 2016 (video, about Latvian diacritics) David Jonathan Ross: How *not* to draw accents, ATypI 2017 (video) See Aleksandra’s Twitter thread (+ replies) for more resources. Thanks!

Simple. Fast. Web Components.

An open-source ASCII tool built by Studio Freight to generate and customize character-based imagery.

The journal of Naz Hamid, designer, rock climber, cyclist, photographer, and traveler.

Maggie's digital garden filled with visual essays on programming, design, and anthropology

Proving you're a human on a web flooded with generative AI content

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

I speak and write about design, front-end code, leadership, and (occasionally) math.