Matthias Ott – Links

A concise and complete introduction to CSS Flexbox.

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.

Learn by example cssreference.io is a free visual guide to CSS.

It’s a rant by Maciej Cegłowski about chatbots, machine learning, and the issues of accountability and power that go with automation.

Modern web design is a discipline that spans a huge range of skills.

If you want to fight large images and save bandwidth with WebP, a file format created by Google that provides superior lossless and lossy compression, then this article is a really helpful introduction.

Fractal by @allmarkedup, frontend dev @clearleft, lets you build and document web component libraries and styleguides, and then integrate them into your projects.

One of the best articles on designing for the web, by @frank_chimero.

Pattern Lab 2 is an open-source suite of tools to help you and your team create and maintain thoughtful UI design systems.

With the slow rise of Web Components—the breakdown of interfaces into self-contained chunks of HTML, JavaScript, and CSS—will we see an evolution (or revolution) in how we manage the way we write, build, and bundle the CSS for our web sites?

Impressively comprehensive article by @_hmig about creating accessible SVGs in order to ensure a great user experience for everyone.

Astrum is a lightweight pattern library designed to be included with any web project.

London foundry Fontsmith has produced an in-depth glossary of typography jargon in infographic format.

“Dr.

“Now more than ever, we’re designing work meant to be viewed along a gradient of different experiences.

Why everybody who talks about the importance of semantics is both right and wrong at the same time.

“What does it profit a website to gain app-like features if it loses its soul?”

A wonderful piece by @robinrendle about the aesthetics, the quirks, the flexibility, and the fragility of web typography.

Progressive enhancement once more is on a roll: Great(!)

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.

One of the most elaborate case studies on living style guides I've read so far.

Nicely sums up of different ways to use responsive images.

Empowering designers with beautiful and accessible color palettes based onWCAG Guidelines of text and background contrast ratios.

GSS reimagines CSS layout & replaces the browser’s layout engine with one that harnesses the Cassowary Constraint Solver — the same algorithm Apple uses to compute native layout.

A dabblet by Lea Verou, this technique is also covered in her very good book CSS Secrets.

@chriscoyier shows you how to build an SVG icon system.

A guide to getting you on the IndieWeb

It's about time to learn CSS Flexbox.

The (free) online version of @lara_hogan's great book on web performance.

Great advice from Daniel Mall for agencies (and freelancers alike): What makes a great agency are the things they don’t do.

An opinionated styleguide for writing sane, maintainable and scalable Sass.