Laying out a website is obviously one of the most important parts of the design process. In this post we’ll feature a number of helpful resources, tutorials and articles for various aspects of layouts:
- Tutorials for creating website layouts in Photoshop
- Tutorials for creating CSS-based layouts
- Tutorials for converting a PSD to HTML/CSS
- Layout resources
Tutorials for Creating Website Layouts in Photoshop:
These 20+ tutorials will show you different ways to design the layout of your site and each one takes a slightly different approach.
Tutorials for Creating CSS-Based Layouts:
Want to learn more about achieving a certain layout with CSS? Here are 12 tutorials that will show you a variety of different layouts.
PSD to HTML/CSS Tutorials:
Once you’ve got your layout done in Photoshop, these tutorials will show you how to code the layout in HTML and CSS.
The various resources in this section will provide you with starting points for your layouts. Some are blank templates and others are resources to help you with creating the layout that you want.
For more design resources, please see: