Matthias Ott – Links

Beautiful new release by Philipp Neumeyer and TypeMates. 😍 Next TDC Award incoming … 😉

A wonderful newsletter by Jay Hoffmann about the web's history, the incredible people that built it, and all the websites, code, and browsers you've never heard of.

A really nice gallery with a lot of footer design inspiration in all forms and colours, sorted by type and style.

An in-depth look at dark mode.

For every country, the Green Web Directory lists the hosting providers that provided evidence of their green services.

Gravity is a platform for carbon management, purpose-built for companies with complex value chains.

With 200,000+ community examples, Observable is the fastest way to build custom data visualizations, apps, and dashboards to uncover deeper insights.

The «Accessibility Developer Guide» is an initiative of «Access for all», Swiss Foundation for technology adapted to people with disabilities.

Stephanie Stimac: “Dual-screen devices have been on the market for nearly three years.

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.

Bruce says: When Sir Uncle Timbo invented the Web it was accessible by default.

A great guide to image performance by Mat Marquis.

Do you use “very” very often?

How do the best design performers increase their revenues and shareholder returns at nearly twice the rate of their industry counterparts?

A directory of personal websites by Andy Bell

A nice post by Seth Godin about a huge mistake our society often makes: We separate learning from doing.

Automate your outgoing webmentions – a platform agnostic service that will check a given URL for links to other sites, discover if they support webmentions, then send a webmention to the target.

Recently, browser support for new and safer CSS-only strategies have left some developers wondering: are JavaScript methods to load web fonts necessary?

A small and concise explainer on font loading with the font-display property by Monica Dinculescu on Glitch.

A great interview with IDEO's Tom Kelley on design, design thinking, and what it takes to build your creative confidence.

A blog on creative leadership by John Maeda from 2009 to mid-2015.

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.

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.

FeedBase is a database of feeds to separate the management of your #RSS subscription list from feed readers, by @davewiner.

“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.

Card sorting is an effective technique to understand if your information architecture matches the mental model of your users.

Ryan 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.

An open source collection of design principles and methods managed by @benbrignell

“Accessibility isn’t a line item in an estimate or a budget—it’s an underlying practice that affects every aspect of a project.”

The @Airbnb design team has built a prototype that renders hand-drawn wireframes into working UI components

In 2017, image optimization should be automated.

Scott Berkun shares his 10 rules of running a good workshop.

Matter.js is a JavaScript 2D rigid body physics engine for the web

The A11Y style guide comes with pre-populated accessible components that include helpful links to related tools, articles, and WCAG guidelines to make your site more inclusive.

A huge treasure trove of real life pattern libraries, code standards documents, and content style guides, articles, books, podcasts, talks, and tools.

“Every artboard in the Fiber UI Kit features customizable elements, all hooked up to interactions in Code.

View repository and user information, control your notifications and even manage your issues and pull requests.

Regardless of how you implement smooth scrolling, there are a few accessibility issues that should be addressed: focus management and animation.

“Typography is the visual component of the written word.

In this article, Heydon Pickering looks at situations which might call for a tooltip or else a toggletip, and formulates inclusive implementations for each.

The Sky Digital Toolkit is the central resource for designers and developers to understand how to design and build digital products for Sky.

Manuel Matuzović shares some of the lesser known features of CSS Grid.

Marco Zehe's list of absolute web accessibility basics every web developer should know.

A huge collection of design principles from various disciplines.

From Basics to Expanded Concepts to Apply Space with Intent

“So, this is where we’ll try to share what’s worth knowing about Basecamp the company, our culture, our process, and our history.”

“It’s been decades since CSS first emerged, but it’s never contained a system anything like this.” – Eric Meyer on CSS grid and the process of progressively enhancing his site to use grid.

Richard Rutter explains the basics of variable fonts and the new values coming with CSS4.

The guide aims to give a practical overview of how you can use SVGs on your websites — with some tips and tricks along the way to get the most out of them.