Design a Portfolio Site with a Textured Background

by Steven Snell
on August 10, 2009

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

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
on August 3, 2009

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

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

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

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

10 Tutorials for Improving Your Blog Theme

by Steven Snell
on July 23, 2009

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

Blog theme designers have all kind of options when it comes to things they can do with the theme. There are a lot of helpful tutorials out there that can help you to improve your theme, and in this post we will feature 10 of them. These tutorials will show a variety of different things you can do to improve your theme in one way or another.

Create Fancy Share Box with CSS and jQuery

Create Fancy Share Box with CSS and jQuery

Read More
Page 22 of 25« First...2021222324...Last »