Sticky (Fixed) SideNav Layout with CSS

by Soh Tanaka
on August 3, 2009

in Tutorials

Today I would like to go over how to create a fixed sidenav layout for your blog or website.

Having a fixed sidenav comes in handy when dealing with blog style websites where the content is extremely tall and there is a need for good amount of scrolling. The fixed navigation allows the user to cruise through the content without scrolling back up to the top to navigate through the rest of the site.

Fixed SideNav with CSS

Read More

Design an E-Commerce Website in Photoshop

by Steven Snell
on July 29, 2009

in Tutorials

Since we’re focusing on e-commerce websites this week, I thought it would be good to do a tutorial for designing a layout for an online shop in Photoshop. At the end of the post you will be able to download the original PSD file in case it would be helpful. Throughout the post, the screenshots of the design in progress can be seen in full size by clicking on the image.

Here’s what we will be designing (click to see in full size):

Read More

Design a Premium Theme Marketplace Layout Using Photoshop

by Steven Snell
on July 20, 2009

in Tutorials

Today we’ll be going through the process of designing the homepage for premium theme marketplace using Photoshop. There are new theme sellers popping up every day, so this type of site should be relevant for many people. Throughout the tutorial, most of the screenshots of the design in progress can be seen in full-size by clicking on the image.

Here is a look at the end result of what we will be designing (click to see in full-size).

Photoshop Tutorial: theme marketplace layout

Read More
Page 20 of 23« First...1819202122...Last »