Import PSD layouts into Dreamweaver & build a Web Site!

We will export a web layout made in Photoshop and build an editable website layout in Dreamweaver. We will then convert the page to a template for future use and ease of editing. Have fun with this...

Optimize your CSS

Stylesheets can get large real quickly, both in terms of length and file size. To ensure that your web pages render correctly and quickly, here’s a compilation of some of the best free, web-based CSS optimizers/compressors, code formatters, and validation services. Check them out and pick the ones that work best for you.

Visit Site

ID versus Classes in CSS

Once, As many others I also dont know the difference between IDs and class. It took me some long for me to correctly understand the concept. For those people who didn't understand the exact concept yet, read this

CSS Gradient Text Effect

Inspired by webdesignerwall's CSS Gradient Text Effect. I developed something I think might be useful for the common. Using his CSS, I developed this

Wizard

This technique may be very useful when you want to create fancy headings without rendering each heading with Photoshop? Here is a simple CSS trick to show you how to create gradient text effect with a PNG image (pure CSS, no Javascript or Flash).

Literally, you can apply this trick on any solid background color (as long your gradient color is the same as your background color).

Pattern / Texture

You can also apply this trick with a tile background image. Look, here is an example of zebra pattern. So, be creative!

All you have to do is

• Type in your text
• Copy the code at top
• Paste them anywhere below head tag.
• Now copy the code found in the text area below the text font you want
• And paste it in you site anywhere below body tag where you want them to appear.
  

Use the easy Wizard


Download CSS