PSD/HTML Conversion: Code a Clean Business Website Design

Jun 30 2010 by Chris Creed | 65 Comments

PSD/HTML Conversion: Code a Clean Business Website Design

In this PSD/HTML conversion tutorial, we will take a PSD web design template that I showed you how to construct in a previous tutorial and turn it into a functional HTML/CSS template.

continue reading »

How to Design a Clean Business Website with Photoshop

Jun 23 2010 by Chris Creed | 52 Comments

How to Design a Clean Business Website with Photoshop

The focus of this template is on a design agency that offers a range of web-based services. The primary aim of the page we’re designing, therefore, is to promote what the business does and what services they provide.

continue reading »

Create a Social Media Sharing Menu Using CSS and jQuery

Apr 30 2010 by Kawsar Ali | 39 Comments

Social Media Sharing Menu Using CSS and jQuery

In this tutorial, we will show you how to create a social media share menu using CSS and jQuery. We are going to create the menu using basics CSS such as the CSS background-position property and a little jQuery to make the links animated.

continue reading »

Create a Kids Oriented Web Layout Using Photoshop

Apr 13 2010 by Callum Chapman | 34 Comments

Create a Kids Oriented Web Layout Using Photoshop

In this tutorial we will be creating a simple, easy to use and colorful web design layout in Photoshop that is primarily aimed at children. The simple navigation, bright colors and limited content is something that would really appeal to the youngsters.

continue reading »

Coding a Clean and Professional Web Design

Mar 29 2010 by Waheed Akhtar | 103 Comments

Coding a Clean and Professional Web Design

In this web development tutorial, you will learn how to code a web page template from a Photoshop mock-up from a previous tutorial called "Create a Clean and Professional Web Design in Photoshop" using HTML/CSS.

continue reading »

Create a Wooden Grunge Portfolio Web Layout in Photoshop

Mar 20 2010 by Matthew Heidenreich | 23 Comments

Create a Wooden Grunge Portfolio Web Layout in Photoshop

In this beginner-level web design tutorial, I’ll show you how to construct a portfolio web layout that has a fixed wooden background with Photoshop. We’ll also use some brushes to accent the design.

continue reading »

Create a Clean and Professional Web Design in Photoshop

Feb 17 2010 by Waheed Akhtar | 110 Comments

Create a Clean and Professional Web Design in Photoshop

In this Photoshop web design tutorial we are going to design a smashing, clean, and professional website layout in Photoshop. The layout we are doing in this tutorial can be used as personal or corporate website design.

continue reading »