Screencast

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.

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.

Can I Use connected to Google Analytics

Can I Use is a super valuable resource during development and one of the cool things I discovered recently is you can connect your Google Analytics account to Can I Use to get accurate supported stats based on your sites actual data.

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.

In this screencast I quickly run over how to set up a WordPress Multisite locally.

Deploy Sites via GitHub

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

This screencast was inspired by Mark Otto’s great post about this workflow. Implementing this workflow takes next to no time, is very easy to upkeep and is also secure for your files thanks to GitHub.

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.

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.

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.

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.