Blog

Going Static with Jekyll & Deploying via GitHub for Free

During the last six months I have been meaning to play around with one of the many static site generators to see what all the hype is about. After a bit of research I decided to head down the Jekyll path. A fair few people tend to be using Octopress and Kirby but my main reason for choosing Jekyll was this little ‘Static Site Generators‘ gist put together by Dave Rupert. In my eyes, the fact that Jekyll has the biggest community behind it gives it the winning edge, especially for when help is needed.

Turns out, Jekyll is rad! It’s a simple, blog aware, static site generator built in Ruby. It takes a template directory, runs it through Textile or Markdown and Liquid converters, and spits out a complete, static website.

Getting Started with KSS-Node

The NodeJS implementation of Knyle Style Sheets (KSS) developed by Hugh Kennedy is super handy. With one simple command after you have set it up you can generate a living style guide. Having to always update your style guide is generally a chore. This saves the day.

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.

Introduction to Functions in JavaScript

The aim of this post is to introduce people quickly into the wonderful world of JavaScript functions. Functions are one of the core aspects in JavaScript.

A function is a set of statements that performs a task or calculates a value. Once you start to get your head around very basic JavaScript you will certainly need to invest some time into learning the in’s and out’s of functions. Basically, anytime you find yourself repeating code, but modifying the small parts, you could probably use a function.

Find Web Design Jobs Online

Late last week an article I wrote was published on the awesome Smashing Magazine site – Preparing For A Front-End Job Interview. The article explores ways to help you prepare for job interviews and gives some good tips to help you land your ‘dream job’. Ever since writing it, I thought some people would also be interested in finding out where the best places to look for web design jobs are. At present there are lots of popular sites that have job boards but there is definitely a select bunch which attract the ‘good’ jobs.

Each of the job boards I have listed below tend to have a knack for attracting great companies to advertise and also offer various ways to stay up to date (RSS, Email, iPhone apps, etc).

Keeping up with Chrome Developer Tools

In today’s world, as the web evolves so do the tools. Keeping up with what’s happening is important in our industry. However, keeping up with everyday development tools is as important, if not more so.

The Developer Tools in Chrome have been in rapid development for the last couple of years, and I certainly have not been using them to their fullest potential. Hopefully the resources below will bring you up to speed.

Web Design Podcasts

As with all sites, podcasts can be up and down. Not all episodes are good; sometimes they are irrelevant and sometimes they are gold. Web design podcasts are a great way to stay in the loop about the ever-changing world of web design. They are a very easy way to learn about emerging technologies and standards, listen to in-depth discussions with some of the best designs and developers on the planet and continuously learn whilst you’re not at your desk.

CSS Box-Sizing

Having a little knowledge of how the box-sizing property works and when you can utilise it is a neat trick to have up your sleeve. The reason for using the box-sizing property in your CSS is to alter the default CSS box model. Modifying the box model gives you the option of whether or not an element’s width and height include padding and border or not.

Sublime Text 2 Settings

What makes Sublime Text so awesome is the speed at which it can perform tasks and the ability to easily customise its behaviour. At first, tweaking the behaviour seems a little strange due to the lack of GUI, but once you get your head around editing JSON files, you’ll soon realise the power and how flexible it really is. This short post gives you the low down on how to start editing your Sublime Text settings.

Handy Apps for Web Developers

It seems the days of opening up and developing a website solely with a text editor are long gone. Thankfully, today we are privileged to have access to so many amazing applications to help us develop better products.