css.md

Mastering CSS

Cascading Style Sheets is a style sheet language used for describing the presentation of a document written in a markup language like HTML. CSS is a cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

Code style

• 📖 Key concepts for BEM syntax

• 📖 MindBEMding – getting your head ’round BEM syntax

• 📖 Naming convention for BEM syntax

• 📖 More Transparent UI Code with Namespaces

• 📖 InuitCSS README

Flexbox

• 📖 The peculiar magic of flexbox and auto margins

Font

• 📖 System Font Stack

Grid

• 📺 The magic of auto-fit and auto-fill (and the difference between them)

Layouts

• 📖 Building responsive layouts - Designing in the Browser

Media queries

• 📖 Create print styles using CSS3 @media queries

Navigation

• 📖 Tutorial: Stripe.com's main navigation

News

• 📖 How to Use New CSS “:is()” for Easy Element Targeting

• 📺 What's New in CSS

Positioning

• 📺 4 Quickest Ways to Center Div with CSS

PostCSS

• 📺 PostCSS in 100 Seconds

SASS / SCSS

• 📖 Understanding placeholder selectors

• 📖 10 Time-Saving CSS Tips I Learned the Hard Way When Using Sass

• 📖 Deep Get/Set in Maps

• 📖 Extra Map Functions in Sass

Stylelint

• 📖 How to lint SCSS with stylelint

Tailwind

• 📺 Tailwind CSS with Vue

Tips & Tricks

• 📺 Remove all styling with one line of CSS

• 📺 A couple of cool things you can do with CSS position sticky

• 📺 The Only 2 CSS Properties You Should Animate

• 📺 CSS Z-Index and Stacking Context

• 📺 Why you shouldn't set font-sizes using em

• 📺 You are doing :focus wrong (and I was too)

• 📺 CSS Single VS Double Colon - Which is Correct?

• 📺 Top 10 CSS Tricks You Didn't Know!

• 📖 Pure CSS for multiline truncation with ellipsis