Linklisten

• Five Key Milestones in the Life of a Design System
• CodePen as a Component Editor
• Building, maintaining, and distributing your Design System

Mittlerweile gibt es eine sehr große Auswahl an Schriftarten, die extra für die Darstellung von Code erstellt wurden. Diese drei sehr unterschiedlichen Seiten präsentieren diese Schriftarten attraktiv und interessant:

• Coding Fonts
• Dev Fonts
• Programmingfonts

Auch dieses Jahr gibt es wieder einige Adventskalender für Webentwickler. Eine Übersicht englischsprachiger Kalender bietet auch dieses Jahr wieder Adrian Roselli.
Meine kleine, sehr subjektive Auswahl ist Folgende:
(mehr …)

• Write Fewer Media Queries With the Clamp() CSS Function
• SVGBox bietet eine unheimlich große Sammlung von SVG-Icons, die mit einer einfachen API eingebunden werden.
• headers.css – eine interessante Sammlung unterschiedlicher Header-Designs

• The Raven Technique: One Step Closer to Container Queries
• Understanding flex-grow, flex-shrink, and flex-basis
• Tailwind versus BEM
• „The component gallery“ ist eine sehr interessante Übersicht über viele Design Systeme und einzelne Module in eben jenen.

• colorsinspo – eine Seite mit einer Menge Online-Tools rund um Farben
• Parsing Markdown into an Automated Table of Contents
• The Cleanest Trick for Autogrowing Textareas
• Auf „What’s missing from CSS“ werden Antworten gesammelt, die bei der aktuellen internationalen CSS-Umfrage gegeben wurden.

• Was eine tolle Übersicht über CSS-Einheiten: All CSS units compared & explained!
• CSS: The Important Stuff (Box Model)
• Understanding the spectrum of CSS frameworks
• Using css custom properties for color and theming