Screencasts

Install Google Fonts

A quick introduction into using any Google font within your website. The screencast looks at how you go about selecting fonts on font.google.com. Adding them to your website and then using them inside your stylesheet.

July 02, 2016

Sass Source Maps in Chrome

Over the last few years there has been some major advancements in the tooling we use on a day-to-day basis but one feature that really took things to the next level was the introduction to CSS source maps.

July 23, 2014

Learn How to Start Developing

There are so many ways to begin to understand how a website is built it’s easy to get overwhelmed. One way I would recommend is utilising the developer tools that are built into the browser.

July 19, 2014

Deploy Sites via GitHub

Super simple way to develop locally and then deploy sites via GitHub.

January 23, 2013

Creating the WDW Email in Campaign Monitor

A quick introduction into how I create the Web Design Weekly Email using the Campaign Monitor app. Quickly discusses the use of the Campaign Monitor template language with focus on repeaters. Take a look at the Web Design Weekly email code on GitHub and then create an email using the Campaign Monitor app.

January 10, 2013

Set Up WordPress Multisite

If you do any type of WordPress development then I would highly recommend setting up a WordPress Multisite to help speed up your development time.

January 09, 2013

Tabs to Spaces in Sublime Text 2

Super quick tip on how to tweak the Sublime Text 2 spacing. Doing these small adjustments to your setup will help to provide consistent whitespace when working with others as long as they have also follow a similar setup on their text editor of choice.

June 14, 2012

Using Fonts

A quick overview of how to use different fonts on your website. The screencast covers setting up your site to use the CSS @font-face rule. Working with Google's powerful webfonts and using Adobe's awesome Typekit service.

May 23, 2012

Chrome Developer Tool Tricks

Do you work with the Chrome Developer Tools on a daily basis?

If so here are a few tips and tricks to increase your development speed, such as shortcuts, toggling states of interaction, the JavaScript console, overwriting stylesheets and reverting back to original styles.

November 10, 2011