Category Archives: Learn

Improving UX For Color-Blind Users

Posted on Thursday, June 23rd, 2016

According to Colour Blind Awareness 4.5% of the population are color-blind. If your audience is mostly male this increases to 8%. Designing for color-blind people can be easily forgotten because most designers aren’t color-blind. In this article I provide 13 tips to improve the experience for color-blind people – something which can often benefit people with normal vision too.

Read more

Autofill: What web devs should know, but don’t

Posted on Monday, June 13th, 2016

Until recently, there were no standards when it came to autofill. Each browser implemented their autofill features differently and there was little documentation on how a browser determines what content a field expects. Despite this chaotic situation, browsers seem to have settled on two main approaches.

Read more

Learn Git in 30 Minutes

Posted on Friday, June 3rd, 2016

Git has exploded in popularity in recent years. The version control system is used by huge open source projects like Linux with thousands of contributors, teams of various sizes, solo developers and even students.

Read more

How to Create an Interactive Animated SVG Drum Kit

Posted on Wednesday, March 16th, 2016

A tutorial on how to create an animated and interactive SVG drum kit with GSAP and jQuery.

Viewport Unit Based Typography

Posted on Friday, March 11th, 2016

There’s one reason why you might want to consider using viewport units for typography – viewport units are recalculated automatically depending on the client’s browser. This means we don’t have to explicitly declare font-size changes with media queries.

Read more

Flexbox Defense

Posted on Friday, March 4th, 2016

Flexbox Defense – Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!

Moving Along a Curved Path in CSS With Layered Animation

Posted on Tuesday, January 12th, 2016

…if we add a container around the object we want to animate, we can apply one timing function for the X-axis, and another one for the Y-axis.

Read more


Posted on Thursday, January 7th, 2016

Pianu – A Revolutionary Way To Learn Piano.

The Ultimate Guide to Using Snippets in Email Design

Posted on Monday, December 7th, 2015

In this article, Litmus shows us how we can leverage snippets to speed up our email development workflow. Along with the article, they have including some choice snippets every Email Developer should have at their fingertips. Here is one of my favourites.

Flexbox Froggy

Posted on Tuesday, December 1st, 2015

Flexbox Froggy – A game for learning CSS flexbox.

Older Posts | Newer Posts