Create a Cool Website with Fancy Scrolling Effects

Read the full post

I’m sure we’re all familiar with the popular parallax effect in web design. It has become a great tool to create a fun browsing experience that responds to the user’s controls as they scroll up and down the page. In this tutorial we’ll use a couple of readily available jQuery plugins to quickly put together a cool little single page website of our own, complete with fancy scrolling effects.

Create a Custom WordPress Login Without Plugins

Read the full post

WordPress Logins are probably one of the least touched–upon subjects as far as WordPress theme design is concerned, but it can really help create a unique look and feel for a client’s website, or even your own! Here’s how to easily make a login of your own without the need of a plugin.

How To Create a Pure CSS Dropdown Menu

Read the full post

With the help of some advanced selectors a dropdown menu can be easily created with CSS. Throw in some fancy CSS3 properties and you can create a design that was once only achievable with background images and Javascript. Follow this tutorial to see the step by step process of building your own pure CSS dropdown menu.

How To Create a Featured Post Layout in WordPress

Read the full post

Earlier this week I launched a redesign of my personal blog over at The new design showcases a featured post in the header, before listing out the rest of the archives in a standard layout. It took a fair bit of customising to get everything working as I wanted, so I thought I’d share the process to hopefully help others out. Follow this overview post to see how a mix of query posts snippets were used to create a custom featured post layout in WordPress.

How To Create a Cool Blog Post Date Icon with CSS

Read the full post

In a recent redesign of my own personal blog I decided to use a calendar style icon to display the post date . It’s one of those elements that would once have been created with background images, but now thanks to the wealth of CSS3 features it can be created entirely in CSS3. We’ll be using properties such as linear-gradients, border radius and box shadow to replicate the icon’s original Photoshop design.

Build a Basic Dribbble Fed Portfolio Website (Part 2/2)

Read the full post

Continue this step by step tutorial to create a simple single page portfolio website design that will self-update using shots from your Dribbble profile. In this second and final part of the series we’ll go through the process of building the Photoshop concept into a working HTML/CSS web page then add the jQuery plugins to pull in our Dribbble portfolio shots.