In this article you will learn how to convert a 3D Portfolio Dark Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to … [Read more...]

Design a Fresh Web Service / SaaS Website Interface (Plus a Free PSD!)
In this tutorial we’ll be using Adobe Photoshop to design a clean and fresh interface that can be used for any web service or SaaS-based web app. … [Read more...]
Brilliante Blog Layout – Coding The PSD File Into CSS and HTML
In this tutorial, we’ll be revisiting the Brillante blog design, covering the PSD slicing, HTML/CSS coding, custom fonts embedding and some handy … [Read more...]

Create a Clean and Minimal Portfolio Design (Plus a Free PSD!)
Start by creating a new Photoshop document. 1000px wide, 1200px tall, 72 pixels/inch. The height may be a bit excessive for our home page but I would … [Read more...]

Create a Clean Business Web Layout in Photoshop
In today’s tutorial I would like to show you how to design a clean and solid fictional business layout. Following the steps in this tutorial you … [Read more...]
Create Amazing 3D Portfolio Dark Layout In Photoshop
Hello there everybody and welcome to another PSD web design tutorial here at 1stwebdesigner! In this tutorial you will learn how to create a 3D like … [Read more...]

20 Best Design Tutorials From 2010 To Create an Mind-blowing Website
A great collection of fresh high quality design tutorials created in 2010. These design tutorials will show you how to create an impressive website … [Read more...]

Design a Sleek, Dark Mobile App Website
In this tutorial we’ll be using Adobe Photoshop to design a sleek web interface that can be used for any mobile app website. We’ll be covering an … [Read more...]

50 Excellent PSD to HTML/CSS Tutorials
If you’re looking to learn more about turning your PSD designs into HTML/CSS, there are plenty of good tutorials available online. In this post, we … [Read more...]

Design a Warm, Cheerful Website Interface in Adobe Photoshop
In this tutorial we’re about to learn how to design a warm, cheerful, and cozy interface for a portfolio / blog Website in Adobe Photoshop. As we go … [Read more...]

35 High Quality Photoshop Web Design Tutorials
If you’re looking to get to grips with creating websites, one of the first skills you’ll need is to be able to create a concept website design in … [Read more...]
Learn How To Create Modern Dark WordPress Layout In Photoshop
Hello there everybody and welcome to another PSD web design tutorial here at 1stwebdesigner! This time you will be learning how to create a simple … [Read more...]

Design a 3D web layout in photoshop
In this tutorial we’re going to design a 3D web layout. It will have perspective in the header, but the content area will have to remain clean in … [Read more...]
How to Create Image Galleries in Your Theme
WordPress makes it straightforward to create a gallery from the images attached to a post. Just a couple of clicks and the gallery shortcode will be … [Read more...]

Design a Professional, Clean Community Blog Theme in Adobe Photoshop
In this tutorial you will learn how simple, straight forward design techniques can create a clean community blog theme in Adobe Photoshop. A few … [Read more...]

How to create a clean web layout featuring apple iPad’s
In this tutorial you will learn how to create a web layout inspired by apple.com website. You can use this layout also for your portfolio or for … [Read more...]

How to Make an Elegant Patterned Web Design Using Photoshop
In this Photoshop web design tutorial, we will create a simple and elegant web layout of a portfolio site. We will create and use patterns throughout … [Read more...]

Create a Clean and Simple Résumé Website Design
In this design tutorial, we’re going to create beautiful simple and elegant interface for a Résumé Website in Adobe Photoshop that works great for … [Read more...]

From PSD to HTML: Building a Set of Website Designs Step by Step
Today I’m going to take you through my entire process of getting from Photoshop to completed HTML. We’re going to build out a set of 4 PSD mockups … [Read more...]
How to Create a Web App’s Site Web Design in Photoshop
In this web design tutorial, I will show you how to create a layout for a web app’s website using Photoshop. We will create all the popular … [Read more...]
