Learn you node

Signing up to this!

A great intro to 'this' in Javascript

It's often easy to get by knowing that some code just works, without really understanding how it works. This posts helps explain one of those areas.

Design Baton Relay

A nice exercise shared by Clearleft, which has inspired an exercise I'm running with my team at Atlassian.

WTF, forms?

Nice custom form styles with explanations and a CSS file.

How Visible vs. Hidden Elements Affect Keyboard/Screen Reader Users

A great video outlining the differences between visible and hidden elements.

Pragmatic, Practical, and Progressive Theming with Custom Properties

I love this use of custom properties by @csswizardry. Custom properties and @supports are my favourite things right now!

Why I'm Excited About Native CSS Variables

Philip Walton looks at the differences between custom properties and Sass variables... and why they're awesome.

The Amazing Women of CSS

A lovely post by Rachel to celebrate Ada Lovelace day.


A podcast about the latest in tech tools, tips and tricks.

Using Feature Queries in CSS

Everything you need to know about feature queries.

Revisiting the Float Label pattern with CSS

Emil's CSS only version of the float label pattern.

Accessible SVGs

Great article on inlining SVGs for decorative and meaningful images.

Rapid prototyping web applications using Node.js and MongoDB

Another node.js resource

Getting started with Node

Another Node resource.

Node school

Recommended by Andy Dennis.  These tutorials are great.

JavaScript For Cats

"So easy your human companion could do it too!"

How hard can it be? 

Things not to say on stage at a tech event

It isn't nice to feel like the only person in the room who doesn't know something. These are good points to remember when speaking at events.

CSS only accordion

A CSS only accordion example in codepen.

The new Google fonts site

The Google Fonts site redesign is great.

Sublime text projects

Bit late to the party, but I've just discovered Sublime projects.

How to do good at slides. By Alice Bartlett

Really useful post on putting together slides for a presentation.

translucent—keep Twitter banner images noise free

A tool which turns a single pixel on the top left corner of an image to 99.6% opacity, so that Twitter doesn't mess with the image once it's uploaded.

The new CSS Layout by Rachel Andrew

A great talk on Flexbox and Grids.

The veil of Ignorance

Great article on web accessibility. 

Front-end development blog by Ire Aderinokun

This is a really nice example of someone documenting their learning.

Let's Encrypt

For maintaining SSL certificates.

Font Loading Revisited with Font Events

A nice article on font loading with Font Face Observer

Taking Let's Encrypt for a Spin by Tim Kadlec

This is a great article on how to use Let's Encrypt to move your site to HTTPs. I just followed it and it took around 10 minutes—amazing! Thank you for posting, Tim.

Chapter 4 of Brad Frost's book: Atomic Workflow

I'm enjoying Brad Frost's book. Loads of great stuff on atomic design.

Flexbox Froggy

This game is awesome! A great way to learn flexbox.