If you haven’t heard the news, Geoff Graham — the chief editor behind CSS Tricks — got fired by Digitial Ocean yesterday.

Introduction to leading-trim and why it changes everything we know about Web Typogarphy

Today, I want to share with you how I designed Learn JavaScript's course portal, my flagship JavaScript course.

How to create links with gradients that spans multiple lines

Why you should (and how to) style hover, focus, and active states differently

How to create (and change) a focus style easily with CSS.

Browsers are inconsistent in how they handle a click on the button element. Some browsers choose to focus on the button. Some browsers don't.

How to advocate for things we care about

Possibly the best way to hide content accessibly. The CSS is easy to write and understand!

I made a terrible mistake when I tweeted about :empty and :blank a month ago. :empty is actually good enough.

The act of choosing two typefaces is probably the first (and often most difficult) task you do when creating a new design. Many people get stuck here, myself included. Recently, I discovered a simple method to pair typefaces effectively and I'd love to share them with you. (Hint: it's a 9×9 grid).

One of the best complement for a custom web design is a custom-made responsive grid system. You can customize everything you need, including the number of columns, the size of columns and gutters and even the breakpoints you change your layouts at.

I'd be telling you the obvious if I said that grids are important in web design. You already knew that. You probably have even coded a few grids with frameworks like Foundation or Bootstrap. You may even have created a custom grid manually, or using a grid layout tool like Susy.