Gulp vs Grunt

When creating websites or web apps there is a huge amount of back and forth between your code editor and the browser. There are an awful lot of actions you do that are repetitive. Gulp and Grunt help automate these actions to make the development process easier. It is...

CSS Web safe fonts

These days you are spoiled for choice when it comes to fonts choice. There is a font for every occasion…that suites every site and coveys the right message. The general rule is that typeface form should reflect content. Services like Google web fonts give...

Typography Crash Course

  Typography is an element of web design that is often misunderstood by Software Engineers. I think most people think of useful typography in terms of how legible it is. This is an important part obviously since you’re communicating with your user through...

A 2-Minute Introduction To CSS Animations

  CSS3 animations let you change an element gradually from one style to another. To do this you must use the keyword ‘@keyframes’ Example: There is a <h1> tag. Within 5 seconds the colour of the <h1>’s text will change from blue to green:   /*...

CSS Filters – Instagram Style Filters Using CSS

  In this tutorial we’ll be achieving Instagram style CSS filters without the use of external libraries, plug-ins or editing software. We will cover how to use ten different filters as well as show you how to create your own custom filters. I’ll also be including...

Importing libraries using a CDN vs locally

CDN stands for content delivery network and is a popular way of importing libraries such as jQuery, Bootstrap, Fontawesome and many others. A lot of people believe that using a CDN always gives you the latest version of something but this is untrue. When you use a CDN...