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
jQuery. No doubt you have heard about this popular JavaScript library. It has taken the throne of all the JavaScript libraries out there because of its many features and easy syntax. Today, I will show you one of the simpler uses of jQuery: you can animate things. this will be the focus of today’s tutorial. Read More
In a ideal world, we would not have to include additional scripts to render a web page the same in all browsers. Not all people are technically capable or knowledgeable as to why or how to change or update their browser, so unfortunately we are left with a situation where we have to choose to either support them or disregard their browsing experience. 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