Posts categorized as: Tutorials

Design a Portfolio Site with a Textured Background

by Steven Snell

August 10, 2009 in Tutorials

Today we will be going through the process of creating a portfolio home page. The design uses a textured background created with Photoshop brushes and a featured content area to show off your work. At the end of the post you can download the PSD file used to create the tutorial, or you can get a two-page PSD set (home page and a secondary page) for free at Folio Focus.

The End Result:

Here is a preview of what we will be designing in this tutorial (click to see it in full size).

Read More

Sticky (Fixed) SideNav Layout with CSS

by Soh Tanaka

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

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
Page 20 of 23« First...1819202122...Last »