Web Design | Useful Resources

Tools

W3C HTML Markup Validation
Enter a URI to check the markup validity of Web documents in HTML, XHTML, etc, and identify and correct errors.

W3C CSS Validation
Enter a URI of a Cascading Style Sheet or (X)HTML page to check the validity of the CSS, and identify and correct errors.

Browser Size Preview
Simply enter the URL of the page to preview and this Google Labs report will show you which content falls outside of the initial visible area at different screen resolutions.

W3C Link Checker
Enter a URL to check links and anchors in Web pages or full Web sites.

Browsershots
Free online browser compatability test. Also useful for full-screen image capture of web pages.

Page Speed Test (with Video Output)
This free web-based tool allows a page load speed comparison between your website and your competitors' sites. Save a video of the comparison, with results in real time or slowed down.

Code Beautifier
Free CSS formatter and optimiser.

CSS Compressor
Free utility for reducing the size of Cascading Style Sheets by removing spaces and lines break from your code.

Word Clouds Generator
Wordle is a free online tool that generates Web2.0 style “word clouds” from text that you provide.

Ideas and Opportunities

Dribbble
A nice 'show and tell' site for creatives, where designers, developers and other creatives upload screenshots of the designs and applications they are currently working on.

Reference

HTML Codes - Characters and Symbols
A quick reference table of ascii characters and symbols for HTML.

How To Guides

CSS Tricks
A superb source of information on cutting edge CSS, with frequent 'how to' postings. I regularly find something inspirational here.