This tutorial is the second installment of how to create a minimal single page portfolio using HTML5 and CSS3, take a look at part one where I initially designed the single page portfolio concept. In this tutorial I will walk you through the basic front-end build and what resources I used to rapidly build the page. Read More

Today, I will be showing how to create a jQuery sticky sidebar script. Now, I’m sure many of you have a question: Why can’t I just use “position:fixed”?Well, you can, but then the element with that style will stay where it is relative to the top of the viewport.This means, if the element you are “fixing” in place is in the center of the page, it will stay in the center of the page as you scroll down. With this script, it will stay wherever you want it to be. Read More

Today I will show you how I created this minimal & stylish single page portfolio design in Photoshop, I will show you step by step how I use the 960 Grid System with textures, icons and fonts to build this single page portfolio. Read More

Follow this tutorial to see how I recreate the popular lomo style photography effect on a rather dull and dark photo. Photos taken with modern digital cameras lack the processing faults that older cheaper cameras would encounter when processing rolls of film. In this tutorial I will recreate some of the imperfections to create a cool lomo style photo. Read More

Following on from my Photoshop tutorial last week, How to Create a Clean and Stylish Login Form In Photoshop I will walk you through how to code the form up from the initial Photoshop concept into HTML5/CSS3, I will also use the awesomeness that is @font-face to implement the stylish Miso font. Read More

This is the first post in a two part tutorial, in this post I will walk you through how to create a clean and stylish login form in Photoshop, next week I will code the login form from the design concept into HTML/CSS3. Grab the RSS feed to catch the next post. Read More

In this tutorial I will show you how to create a clean and stylish menu using pure CSS3, no images or javascript here I’m affriad. The CSS3 menu will work in Firefox, Chrome, Opera and Safari. Notice what browser is missing…yup Internet Exploder, IE will not support this. Read More

In this tutorial you can watch as I walk you through exactly how to easily build your own WordPress Theme. This is the final post in the three part WordPress tutorial series, detailing how to create your own WordPress theme. You should look at the past two tutorials where I have showed you how to [...] Read More

I am currently in the process of creating a clean and minimal WordPress theme, in my first post I provided you with a walk through on process of the design. In this post you can follow me convert the final psd file to HTML and CSS and implement the jQuery library. Next week you can follow me as I convert the theme to WordPress! Read More

This is the first post of a three part series, in which I will walk you through the three key stages of creating your own unique WordPress Theme. In this post I will be creating the design for the WordPress theme in Photoshop, next week I will be converting the PSD to HTML and in the third week making the site function in WordPress. Read More