The Wiki for Tutorial Themes

themewiki-tutorial-for-theme-developer

Want to create your blog theme by yourself? ThemesWiki can help you! No matter what your CSM Platform is, inside you can find tutorials for most popular platforms. ThemesWiki is designed to provide you with comprehensive and free guides for designing web themes and templates on a wide range of Content Management Systems and related software.

Continue reading

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

CSS Hack max width like image resize

css-hack-image-align-blog-post

Recently I was fixing some CSS image alignments and the width for images. And the problem was with the big images that come out of content?! At this point comes out max-width. The max-width CSS property is a great property to use when you don’t want an element to get larger than a certain size. It does exactly what it says it does. Using it with images can be very handy. Here’s the syntax.

selector {max-width:value;}
Continue reading

XHTML-CSS Validator

xhtml_css_validator

xhtml-css is a website that helps you check the markup and style validity of web pages. It does this by submiting the urls that you want to check to the W3C Markup and the W3C CSS Validators.

These validators send back validations resulats in SOAP format, which this website internaly consumes in order to produce the result you’re seeing.

How this work? The schema below may be better explaining than words:

howxhtml-css 

Web site | xhtml-css.com