Modern Font Stacks
modernfontstacks.com/System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.
Poline — esoteric color palette generator
meodai.github.io/poline/poline is lightweight, dependency free and fast JavaScript function written in TypeScript. It draws lines between anchors over polar coordinates to generate pleasing color palettes.
Defensive CSS
defensivecss.dev/Practical CSS and design tips that helps in building future-proof user interfaces.
Adactio: Journal—Declarative design
adactio.com/journal/18982Defining the inputs instead of trying to control the outputs.
Understanding Layout Algorithms
joshwcomeau.com/css/understanding-layout-algorithms/As front-end developers, we often learn CSS by focusing on individual properties. Instead, we should focus on how the language uses those properties to calculate layouts. In this blog post, we'll pop the hood on CSS and see how the language is structured, and how to learn it effectively.
Designing Beautiful Shadows in CSS
joshwcomeau.com/css/designing-shadows/When I look around the web, most of the shadows I see are fuzzy grey boxes. It doesn't have to be this way, though! CSS gives us the tools to create rich, lush, lifelike shadows. In this tutorial, I'll show you how.
5 steps to faster web fonts /// Iain Bean
iainbean.com/posts/2021/5-steps-to-faster-web-fonts/Fine-tune your font files and optimise your loading strategy for maximum speed + minimum FOUT
Fluid Typography
fluid-typography.netlify.app/Calculate CSS declarations for beautiful fluid typography headings.
Home | The Component Gallery
component.gallery/The Component Gallery is a collection of components from the best Design Systems.
Continuous Typography / Max Kohler
maxkoehler.com/posts/continuous-typography/Notes toward a continuous framework for screen typography
CSS Auditing Tools — Smashing Magazine
smashingmagazine.com/2021/03/css-auditing-tools/In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers to get their work done better and faster. Starting out with a few tools for getting to the bottom of CSS.
Underline Hover Styles for Links | Codrops
tympanus.net/Development/LineHoverStyles/Some ideas for underline hover styles on links using various techniques.