| Link | Description | Added by |
|---|---|---|
| https://bit.ly/2XlJqw5 | "The 100% correct way to do CSS breakpoints (media queries)" | John R. |
| cssreference.io | Visual reference to the most popular css properties | Reuben |
| CSS Diner | quick, fun game to recap css selectors and descendant selectors | Reuben |
| CSS inbuilt colors | A cool reference for every single color that has a name in css(There's a lot more than red and blue) | Reuben |
| Wesbos CSS Grid | Really comprehensive free course to understand how css grid works | Reuben |
| Wesbos CSS Flexbox | I highly recommend this guy's courses, this is his free flexbox course | Reuben |
| Grid by Example | Really cool website maintained by Rachel Andrew from CSSTricks. Shows examples of how grid is used in a website context, so you see how css grid is used in the real world | Reuben |
| CSSTricks guide to grid | Quick reference for css grid properties. would not recommend using this as a tutorial, its a list of every single property and it could be overwhelming at first | Reuben |
| CSSTricks guide to flexbox | Quick reference for flexbox properties | Reuben |
| CSStricks guide to centering things in css | Because we all know how infuriatinng this is and how inadequate it makes us feel. Do yourself a favour and stop letting css bully you.(quick tip: USE FLEXBOX) | Reuben |
| Styling buttons, the right way | handy guide on styling buttons and their various states | Reuben |
| Self-hosting Google Fonts | Interesting article about possible latency issues when embedding google fonts as an external style sheet. provides instructions on self-hosting google font files | Reuben |
| CSS Float Theory | If you're feeling upset with css, just be glad we dont really have to use floats anymore. This article may cause severe anxiety.(no seriously don't open this link, learn flexbox and grid instead!!!!) | Reuben |