Template World, a website providing high quality templates including premium WordPress themes, Joomla templates and even logo templates, has high quality free XHTML / CSS templates which you may use or inspire.

Look at how beautiful these free XHTML templates are:

Although everybody does not prefer using templates, with the high quality ones, it is very helpful to see the code and design files to learn new techniques and be inspired.

After downloading these free XHTML / CSS templates, you can send an e-mail to Template World to get the PSD files for free too.

P.S. This post is an advertorial.

Sitemaps, which make the website navigation easier, can be created using CSS with the "tree hierarchy".

CSS Sitemap uses list tags for the hierarch and formats the user interface nicely.

For the last touch, CSS Sitemap lets collapsing the sitemap using a jQuery function.

Designing with grids is very common as it helps creating identical, measured layouts.

960 Grid System is an effort to streamline web development (for rapid prototyping and for production environments) workflow by providing commonly used dimensions , based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

Why 960 pixels?

All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

What is in the package?

In the download package, you can find PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio, and CSS framework with demo HTML .

Sweetie is a 2 set of free icons that you can use in your web applications.

First icon set is the BasePack (182 icons):

Second icon set is communication icons (37 icons):

Sweetie icon sets are licensed under a Creative Commons licence and commercial use is fine. Also feel free to make derivatives with the included Photoshop documents.

Web 2.0 styles, if you like the gradients and shiny looks, simply boost the design process.

Similar to the DezinerFolio Web 2.0 Photoshop gradients, 2EXPERTSDESIGN created a set of Fireworks Web 2.0 Styles which Fireworks users will find handy.

Attractive social bookmarking icons are a factor in website visitors clicking on them and help everyone to share, bookmark & promote your content.

WebResourcesDepot have collected these beautiful social bookmarking icon sets: 

http://www.snap2objects.com/2007/11/06/free-vector-social-bookmark-icons/
Package includes PDF vector format and PNG social bookmark icons.

http://vikiworks.com/2007/06/15/social-bookmark-iconset/
Package includes 1 PNG file with all social bookmark icons.

http://vikiworks.com/2007/07/28/social-bookmark-iconset-part-2/
Package includes 1 PNG file with all social bookmark icons.

http://fasticon.com/freeware/?p=65
Package includes 10 social media icons.

http://fasticon.com/freeware/?p=72
Package includes 17 bookmark icons.

http://www.freakgroup.com.ar/pack-de-iconos-sociales-v10/
Package includes 12 social bookmark icons in PNG format.

http://utombox.com/my-works/

Standard 16×16 GIF social bookmark icons.
http://www.feedforall.com/social-bookmarking-icons.htm

This free vector icon set is created by Monofactor and includes 25 lovely icons.

Icon set is suitable to be used in content management systems or other web project interfaces as it includes the standard add, edit, delete, e-mail and similar icons.

Every web designer pushes the "Print Screen" button few times a day to work on the screenshot or just to find the color codes of a specific area.

When the whole webpage screenshot is needed "Print Screen" may not be enough.

Screengrab! is a Firefox plugin which helps you to get the entire page screenshot (visible area or selected area too), copy it to clipboard or directly save it.

It saves you so much time once you get used to it. You don’t need to plan for the perfect screenshot all the time, just get the whole and play with it using your image editing software.

CSS Grid Builder is a web tool which can create standards-compliant grid layouts with a few clicks.

Outputs are generated with the powerful Yahoo! UI Library: Grids CSS which offers pre-built templates & page layout combinations.

YUI Grids CSS:

• Supports fluid-width (100%) layouts as well as preset fixed-width layouts at 750px, 950px, and 974px, and the ability to easily customize to any number.
• Supports easy customization of the width for fixed-width layouts.
• Flexible in response to user initiated font-size adjustments.
• Template columns are source-order independent, so you can put your most important content first in the markup layer for improved accessibility and search engine optimization (SEO).
• Self-clearing footer. No matter which column is longer, the footer stays at the bottom.
• Layouts less than 100% are automatically centered.
• Accommodates IAB’s Ad Unit Guidelines for common ad dimensions.
• Offers full A-grade browser support.

CSS Grid Builder is a quick solution specially for Yahoo! UI Library users or web developers who are better in coding rather than design.

Valentine’s Day icons are created by IconDrawer which also has some other free icon sets.

Icon set includes 5 icons with 16*16, 32*32, 48*48 & 128*128 sizes.
There are versions for Windows & Mac OS X.