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

101 CSS Techniques Of All Time

Cascading Style Sheets (CSS)

CSS is used to help readers of web pages to define colors, fonts, layout, and other aspects of document presentation. It is designed primarily to enable the separation of document content (written in HTML or a similar markup language) from document presentation (written in CSS). This separation can improve content accessibility, provide more flexibility and control in the specification of presentation characteristics, and reduce complexity and repetition in the structural content. CSS can also allow the same markup page to be presented in different styles for different rendering methods, such as on-screen, in print, by voice (when read out by a speech-based browser or screen reader) and on Braille-based, tactile devices. CSS specifies a priority scheme to determine which style rules apply if more than one rule matches against a particular element. In this so-called cascade, priorities or weights are calculated and assigned to rules, so that the results are predictable.

css7

On the link over you have 101 techniques that all webmasters should now.