Linklisten

• Grab your user’s attention with the :focus-within CSS selector
• Say Goodbye to Pesky Overflowing Text With the text-overflow CSS Property
• A Deep Dive Into CSS Grid minmax()
• Best Practices For E-Commerce UI Design

• How to Build HTML Forms Right: Styling
• Standardizing select And Beyond: The Past, Present And Future Of Native HTML Form Controls
• Better Form Inputs for Better Mobile User Experiences

• Low Hanging Fruits in Frontend Performance Optimization
• Performance – CSS Painting versus CSS Houdini Paint API
• Web Performance Resources

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