Cover image for CSS Resources from my Bookmarks

CSS Resources from my Bookmarks

dominicduffin1 profile image Dominic Duffin ・2 min read

I've got a lot of bookmarks! So I'm going to share some of them on here! This may become a (occasional) series 😊

Text formatting

Deep dive CSS: font-metrics, line-height and vertical-align by Vincent De Oliveira


Box Alignment Cheatsheet by Rachel Andrew


How to Use CSS Variables for Animation by Dennis Gaebel
Easy CSS Watermelon Slice animation tutorial by Muna Mohammed


Basic Concepts of grid layout - MDN
Grid fallbacks and overrides by Rachel Andrew
CSS Grid Layout and Progressive Enhancement - MDN
GRID: A simple visual cheatsheet for CSS Grid Layout
Grid by Example: A collection of Grid resources maintained by Rachel Andrew


Tweet by Ali Spittel on centering with Flexbox


Experimental layouts with CSS Shapes and clip-path by Michelle Barker
CSS Shapes Resources by Kristopher Van Sant


The new (and old) CSS units you've never heard about by Massimo Artizzu


CSS Specifity by Emma Wedekind
CSS specifity and the cascade by Andy Bell

Responsive design

Using Media Queries For Responsive Design In 2018 by Rachel Andrew
Creating Responsive Diamonds Using Viewport Units by Meghan Sterling


CSS Tricks: css-tricks.com
CSS: From Zero to Hero by Ali Spittel
Things nobody ever taught me about CSS by Charlie Gerard
CSS Reference - MDN

Other collections of resources

Resources to Help You Create CSS Images! by Victoria Bergquist

Posted on by:

dominicduffin1 profile

Dominic Duffin


Cofounder of ArtTechChat. Open University student. Citizen of the global internet.


markdown guide

thank you!!
you also should add Wes Boss CSS GRID


Thank you - I'll look that up!