How to Make an Elegant Patterned Web Design Using Photoshop

Dec 1 2010 by Jacob Gube | 9 Comments

How to Make an Elegant Patterned Web Design Using Photoshop

This web design tutorial on Design Instruct (our other website) walks the learner through the creation of a beautiful and trendy web layout using Photoshop. The web design is best used on a personal portfolio site.

continue reading »

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 »