What Designers must know and learn – PSD into XHTML & CSS

psd_to_xhtml_css

If  you are a designer and want to learn some CSS, you are in the right place. This post will bring the Best of PSD to XHTML where the idea comes by reading some designer blogs. Inside you can find on line demos, available source to download and watch video tutorials how to code a PSD file into XHTML and CSS.

 

 

Photoshop Mockup into XHTML & CSS

psd-xhtml

This is an awesome tutorial to start encoding. After you have finish your design the next step is exporting the imagery from Photoshop and coding up the page we’ll produce a working example of the overall blog design.

http://lirent.net/files/img/demo.gif 

 

 

Step by Step PSD to HTML – nettuts.com

psd-xhtml-nettuts

The second tutorial I have included in the PSD to XHTML list comes from nettuts, new blog but full of useful with tips and resources for webmasters . Reading inside you will find how to code 4 PSD mockups, that absolutely can be WordPress themes. If you work off line, the source is available for download and take a look at psd to xhtml demo page.

 Demo PSD - XHTML Download Tutorial

Continue reading

56 Photoshop layer styles web 2.0

photoshop-layer-styles

Jayhan says:

I had been working with Photoshop for more than a year and through out this year, I designed works by using this great tool, really can’t live without it. In Photoshop, the layer blending had been the most frequently used in most designs. By applying layer styles, the design won’t be flat and it looks good. I used a variety of style combination to achieve the desired result. And here, I decided to save all the styles that I created for backup purposes, as well as share out here!

You can view all the 56 layer styles bigger at the picture below. Most of the styles involving black, gray, and orange, because these are the colors I used the most. I also included the styles that I used for creating the gaming window tutorial too. So feel free to download and play around with it!

photoshop-layer-styles-big

Continue reading

Open Sourse Templates

opensourcetemplates.png

Some web-sites offer high quality templates for free. You can download Flash and CSS based layouts and use them for your personal and commercial projects.

Open Sourse Templates:

  • Open Source Templates
  • Master Templates
  • Open Source Web Design
  • Open Web Design
  • Interspire Free Templates
  • Template Monster
  • Template Navigator
  • Layouts 4 Free
  • Free CSS Templates
  • Dotcom Web Design
  • Free Flash Template
  • Steve?s Free Templates
  • Ricky?s Web Templates Continue reading