How to set up GA Event Tracking in 3 easy steps

This post makes setting up Event Tracking with GA really easy. It's definitely worth doing on your site.

Read More

How to fix Font Awesome WebFont woff2 not found

If you are getting the error fontawesome-webfont.woff2?v=4.6.3 not found but you definitely know you have the file, here is how to fix it in IIS.

Read More

How to style the Google maps popup infowindow

One of my readers has asked to show them how they can style the popup infowindow on a google map. This post gives you a basic example of this. This is notoriously tricky, but I think I have simplified it for you.

Read More

10 FREE, highly useful, tools for web developers

Over the years I have found many useful free tools to help me in my job as a Web Developer. In this post, I share 10 of my favourite free tools with you so you can get the benefit of them too.

Read More

How to get the YouTube thumbnail preview image from a video

This post will help you if you want to get the preview image for a YouTube video. You may want to you this if you want to trigger the video to launch in a pop up window, or you want to link to the video.

Read More

lorempixel Placholder Images

This gives you real placeholder images to use in your site concepts or examples. It randomly picks an image each time the page loads.

Read More

Lazy loading images

This post gives you the code to allow your page to load faster, by using lower quality images firstly and then replacing them with the higher quality version after the page has loaded.

Read More

Font Awesome Social Share Icon Links

You may have noticed the links on my site after each article which let you share the article on social sites like Facebook and Twitter etc. This post gives you the code I used for the icons on my site. Font gives you access to hundreds of icons, and allo…

Read More

Dynamic placeholder images

I found this and thought it would be really useful, especially for designers or people mocking up sites. If you ever need a placeholder image, you don’t need to create one, you can just use this url with the size of placeholder image you want:

Read More