Design

Content warning: long post on accessibility advice from a blind screen reader user

A new typeface from Shantell Martin

An interpolating, textured, monospaced variable typewriter font by LettError Type. The typeface does some spectacular interpolation, and is ready for interaction and animation (while compact enough to be used on the web.)

The name of this page is a play on the CSS-Tricks name. My site generally is full of accessibility “tricks”, but this page specifically collects a few other places where I have left accessibility tricks behind. CSS-Tricks Following are links to posts at CSS-Tricks where I (mostly) left comments. Some…

Moritz Fürst is a STS researcher and public communication professional currently based in Lausanne, Switzerland.

WordPress accessibility is a complex subject because a WordPress website consists of several parts, all of which need to comply with multiple requirements

Alt text is text that describes the appearance and purpose of an image. This blog post will show you how to include alt text in your web applications and documents when you've built them in R.

Innovative software and modes of presentation are helping to broaden access to the literature.

But some design experts say it could have been worse.

A collection of repeatable SVG background patterns for you to use on your web projects.

Introducing Lollipop, a sweet new take on Android.

A front-end template that helps you build fast, modern mobile web apps.

This is a one page Material Design HTML template based off the MaterializeCSS framework. The template includes styles for several sections including work, team, and a nice big header.

Material Design One Page HTML Template

Your design system is not a project.

UI & UX best practices from Google’s design system documentation.

Behind the scenes of our new design system (Airbnb)

How rethinking the Airbnb app changed the way we approach design

Hayley Hughes, UX Manager working on the Polaris Design System at Shopify discusses the importance of context in working on design systems.

A multidisciplinary designer with an eye for details.

Documenting UI bugs to show that all UI developers make mistakes. This blog will showcase bugs in large and popular websites and apps.

How an emerging CSS standard can fix old problems and raise the bar for web apps

Understand Atomic Design with Pace Layering to assist Design Systems’ construction and maintenance

Learn about how to write defensive CSS.

Open source browser tools for everyday use - Triangle generator - Color shades generator - Curved page dividers - SVG compressor - SVG → JSX - Base64 encoding - Fake data generator - Symbols collection - Lorem ipsum