There are quite a few tools lying around on the internet that helps the web development or web design process drastically. It will certainly strike inspirations and surely make your life easier while creating a website. In this post, I have compiled several websites that I have make use of in my progress.

Lorem Lipsum / Sample Content

Visit Lorem2.com

lipsum

Yes, the awesome, the all known popular test text lorem ipsum dolor sit amen… something something… To simulate real text rendering on a webpage. If you don’t have this on a notepad lies on your desktop, this website is a blast. It gives you short paragraph, long paragraph, list items to mess around with. Complete with a Coda Clip or Textmate Bundle for your complete convenience. I personally just go onto this website and grab the thing I need.

Colour Combinations / Palettes

Visit ColourLover | Visit ColorCombo | Visit ColourSchemeDesigner

color

You need some colour combination that works together, but you certainly do not have the time to play around and do experiments.. Of course, when designing a website, look and feel (to please your boss) comes first. So colour combinations must be chosen wisely. I primarily goes to ColorCombo and ColourLover, but when I need to pick a certain colour combo that takes a long time to find, I’ll just make a palette myself. ColourSchemeDesigner offers me all the tool I need to create one.

Font Choosing

font

Visit WhatTheFont

This tool helps you grab font from an image or a website that you think looks nice. People have been using the same fonts for ages, so it’s no big deal grabbing some here and there :)

Test Absolutely Everything 100+ Tools in One

test

Visit Test Everything!

Yeah, it does what it says it does. This tool can test your website in a lot of different ways, through a lot of different sites. CSS/HTML Validator, SEO, Social Services, Web Proxies, Network Tools, Text Tools, Images Tools and a lot of other tools all aggregated from 100+ sites here for your testing convenience. My definitive choice.

Speed Tester

pingdom

Visit Pingdom Tools | Visit Load Impact

I often use both of this website to test the speed of my server and by that, optimize page load accordingly. Pingdom tools give me the file name that I should optimize and Load Impact helps me understand how my server would react in heavy load.

Icons

icon

Visit Icon Finder

Good looking icons are the heart of the website. It virtually makes the site looks good and worth checking out. They have around 100000 icons in their database and all have been carefully picked and enhanced with various size to choose from. Splendid tools.

CSS Compressor / Tidy / Optimisation

css

Visit CSSCompressor | Visit CSS Tidy | Visit CSS Optimisation

The compressor reduce the css size so that it’s faster to load. CSS Tidy helps developers read better, fix errors and reduce redundant code. The optimiser does pretty much the same thing + reducing file size.