The Many Ways to Link Up Shapes and Images with HTML and CSS | CSS-Tricks
Different website designs often call for a shape other than a square or rectangle to respond to a click event.
“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.
Using outline instead of border - Andy Bell
You can use outline instead of border to achieve the same visual effect, but it’ll bleed over the edges nicely.
📐 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!
Using rel="preconnect" to establish network connections early and increase performance | CSS-Tricks
Adding rel=preconnect to a informs the browser that your page intends to establish a connection to another domain, and that you'd like the process to start as soon as possible. Resources will load more quickly because the setup process has already been completed by the time the browser requests them.
This Ain’t Disney: A practical guide to CSS transitions and animations
Can anyone admit they’re not delighted when a component slides into view and appears to slow down before coming to a complete stop? There’s something nice about that. So what is that special touch, and why is it so hard to reproduce?
Drop caps & design systems - Vox Product Blog
What if we got aspect-ratio sized images by doing almost nothing? | CSS-Tricks
The Flexbox Holy Albatross | HeydonWorks
Brilliant.
DRY Switching with CSS Variables
Brilliant write up by Ana Tudor on CSS_Tricks of the use of CSS custom properties with demos and examples, some of which a little math heavy -- I love
Web Content Accessibility Guidelines 2.1
Discover the new WCAG set of guidelines (or 17 success criteria) presented in a comprehensive manner by Alan Dalton.
CSS Border-Radius Can Do That?
Links List for Print Styles | Adrian Roselli
Time-saving CSS techniques to create responsive images
css-tricks.com
How Big Is That Box? Understanding Sizing In CSS Layout — Smashing Magazine
CSS Grid in IE: Debunking Common IE Grid Misconceptions | CSS-Tricks
blog.theodo.fr
Cards
BEMIT: Taking the BEM Naming Convention a Step Further – CSS Wizardry – CSS Architecture, Web Performance Optimisation, and more, by Harry Roberts
Getting Started With CSS Layout — Smashing Magazine
FF Meta Variable Font Demo
A Strategy Guide To CSS Custom Properties — Smashing Magazine
Animate.css
Leveling Up With Flexbox presentation at Smashing Conference
WTF, HTML and CSS?
Fluidity
Ridiculously Responsive Social Sharing Buttons by KNI Labs
Ridiculously Responsive Social Sharing Buttons
Type Scale - A Visual Calculator
Why moving elements with translate() is better than pos:abs top/left - Paul Irish