CSS { In Real Life } | Disentangling Frameworks
Whenever possible, the safest, and most future-proof bet is to use the native features of the web platform.
Reimagine Atomic CSS
UnoCSS - the instant atomic CSS engine with maximum performance and flexibility
“Variable Fonts and the Future of Web Typography” by Jason Pamental—An Event Apart video
Variable fonts include EVERY width, weight, slant, and other permutation of a typeface, all in a single file not much bigger than a regular font file. In this hour-long presentation captured live at An Event Apart Orlando 2018, Jason Pamental delves into the ins and outs of variable fonts, showing you not just how far the new capabilities can take us, but how to make use of them right away.
📐 Swiss-Style Typographical Posters With CSS Grid - a Collection by Henry Desroches on CodePen
Classic Josef Müller-Brockmann posters reinvented with HTML and modern CSS!
Links List for Print Styles | Adrian Roselli
Time-saving CSS techniques to create responsive images
How Big Is That Box? Understanding Sizing In CSS Layout — Smashing Magazine
blog.theodo.fr
Cards
A Strategy Guide To CSS Custom Properties — Smashing Magazine
Animate.css
Ridiculously Responsive Social Sharing Buttons by KNI Labs
Ridiculously Responsive Social Sharing Buttons
Type Scale - A Visual Calculator
Aaron Allport | Freelance web developer from Colchester, UK.
Quick Tip: How to Target IE6, IE7, and IE8 Uniquely with 4 Characters | Nettuts+
A reminder of IE8/IE7/IE6 hacks
The Pastry Box Project | 3 June 2013, baked by Oli Studholme
Profound Grid | A grid system for fixed and fluid layouts
Another take on grids
SVG Gradient Background Maker
Handy
The ultimate CSS tools for web designers | CSSmatic
Gradient generator, border radius, noise and box shadow
geuis/helium-css · GitHub
Helium is a tool for discovering unused CSS across many pages on a web site
24 ways: Front-end Style Guides
Links to Style Guides
Typeplate » A typographic starter kit encouraging great type on the Web
A neat typographic starter kit
❍ IcoMoon
Custom built and crisp icon fonts, done right
Oticons · Styleguide
GitHub icons are font icons, using a custom Octicons font face
CSS Ratiocinator - A tool that will automatically refactor your CSS
Optimse your CSS. A new take at an old issue.
Bourbon Sass Mixins Library
A simple and lightweight mixin library for Sass. Bourbon is a library of sass mixins that are designed to be simple and easy to use. No configuration required.
Responsive background images with fixed or fluid aspect ratios – Voormedia
What's the easiest way to scale background images in responsive layouts? We use an old technique and enhance it to fluidly change the aspect ratio of background images.
Ultimate CSS Gradient Generator - ColorZilla.com
Useful to generate IE 6-98 and 9 gradients (filter or svg)
This Is Responsive | Tips, Resources and Patterns for Responsive Web Design
Patterns, resources and news for creating responsive web experiences
United Pixelworkers — Welcome
Beautiful responsive web design