Web design tools listings

June 26, 2006 | Published in: Web design Tools | Tags: , , , , 0

This article has a wealth of links to web design tools and utilities you WILL find useful. These are tools I have found, and use myself, not ones I have created! All these tools run in the browser, and don’t require you to download any files.

Colour scheme tools

Online color scheme generator 2

http://wellstyled.com/tools/colorscheme2/index-en.html

This is a wonderful tool you can use to make your own colour schemes. You can set up a scheme based on different models (e.g complements, see my colour schemes article).
Another great feature is that you can see your scheme from the perspective of people with colour disabilities; this aids you in finding a scheme that is accessible!

Color Schemer online

http://www.colorschemer.com/online.html

Not as feature packed as ‘color scheme tools’, but can help convert colors from RGB and hex, and shows colors that fit with the selected color.

CSS tools

Flumpcakes css optimiser

http://flumpcakes.co.uk/css/optimiser/

Excellent online tool for optimising and tidying up your CSS files. You simply plug in your css file, and it outputs a cleaner version, and also displays the amount it has cleaned up so you can compare file sizes. The only drawback is that it will remove any hacks you have added to your css file.

Validation

W3C CSS Validator

http://jigsaw.w3.org/css-validator/

This is the bog standard css validator from the W3C. Make sure your code validates, then you can also have a little icon to put on your site to show this!

W3C HTML validator

http://validator.w3.org/

Probably the most useful tool in this listing. Allows you to validate your html code. This is essential for making sure the page will render right, and clearing out bugs.

WDG HTML validator

http://www.htmlhelp.com/tools/validator/

Very similar to the W3C validator.

FEED validator

http://feedvalidator.org/

Validate your RSS feeds to ensure users will have no problems viewing them..

Accessibility checkers

Watchfire

http://webxact.watchfire.com

Validate your WebPages and highlights flaws with the accessibility.

Compatibility testing

Safari test

http://www.snugtech.com/safaritest/

Great tool for testing Mac compatibility. You just add your site url, and the tester renders an image of your site in safari, showing you want mac browsers will see. This tool is also useful for generating full screen page screenshots!

Misc tools

Button maker

http://kalsey.com/tools/buttonmaker/

This tool allows you to create cool little buttons for your site. You can customise the text and colours and output to a file.

Web 2.0 validator

http://web2.0validator.com/

This tool allows you to check how web 2.0 your site is!. Quite entertaining to see the results.

Found this post useful? Why not buy me a coffee!

Related Entries

Sorry, the comment form is closed at this time.

The comments are closed.

About this site

Blue Anvil is the online web design journal & portfolio of , a web designer from Norfolk, England. Read More »
MiniCard Theme for WordPress

  • Featured work - More

    • Beefjack
    • Integrity
    • theotaku.com

  • Latest Tweet - More

    • RT @jameskoster: #Vector illustration of the new #iPod nano, free to download; http://www.potatoestomatoes.co.uk/technical/free-ipod-nano-vector/

  • Out of the blue - More

    • Closing the Forums

      Just posting to let current users know that I’m closing the forum on Blue-Anvil. This is mainly due to spam-registrations getting out of hand and being a general nuisance. I will be posting good topics as FAQ items within posts if applicable.

      Please note that you can still post and get help for my plugins/themes by posting on the wordpress.org website.

    • Show off your MiniCard!

      Are you a user of the WordPress MiniCard theme? Its been downloaded over 14,000 times so far!

      If you have used it as-is, made your own child-theme or done something creative with it, please show off your MiniCard’s in the comments, I’d love to see how the theme is being used!

    • Spam Stopper updated for WordPress 3.0

      My Spam Stopper plugin has been updated for WordPress 3.0 (version 3.1.3) – you can grab it here. Sorry this update took longer than my other plugins but this one gets less lovin’ – if you want to change that feel free to donate, spread the word, or rate it on the WordPress.org plugin page.

    • SexyBookmarks & Tr.im

      Just a notice to users of the brilliant http://www.sexybookmarks.net/ plugin by shareaholic – If you use tr.im (as I have on a few client sites) be aware tr.im has ceased operation so you may see errors on your blog or in your source code; it screwed up the background and headings on one of my blogs.

      To fix, go to sexybookmarks options, switch services in the “Which URL Shortener?” box, and tick the box to reset all short urls. Once done, your blog should return to normal.