How to Create a Web App’s Site Web Design in Photoshop

Nov 22 2010 by Jacob Gube | 17 Comments

How to Create a Web App's Site Web Design in Photoshop

This web design Photoshop tutorial on Design Instruct, our other site, outlines techniques for making a layout comp that will work well for the sites of web apps, startup companies, SaaSs, and other modern, "Web 2.0"-themed, product-centric sites.

continue reading »

PSD/HTML Conversion: Elegant and Simple CSS3 Web Layout

Aug 29 2010 by Eric Hoffman | 33 Comments

This is Part 2 of tutorial series. The first part dealt with creating a web design mockup of an elegant and simple blog web design. You should do Part 1 before attempting this tutorial so that you to gain the most benefit.

continue reading »

Make an Elegant and Simple Blog Web Layout Using Photoshop

Jul 11 2010 by Eric Hoffman | 41 Comments

Make an Elegant and Simple Blog Web Layout Using Photoshop

This web design tutorial will show you the process of developing a PSD mockup of a clean and simple blog layout. We will be creating the design of the front page of the blog. The next part of this tutorial will walk you through coding the PSD to HTML/CSS.

continue reading »

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 »