11 Useful Online Tools for Web Development

Written by Kevin Liew on 08 Mar 2011
72,440 Views • Web Development


As a web developer, I found myself rely on online tools quite oftenly. Online tool usually built to be simple to use and able to perform its job nice and quick. For example, htaccess generator, JSON formatter. I've shared those before in the past, this time, we will look at some new and interesting online tools.

  • Font comparer Just type in a few words and see how it will look like in different fonts.
  • Color Explorer ColorExplorer is an online toolbox for working with color palettes. With ColorExplorer you can quickly and easily create, manage and evaluate color palettes for use in graphic design, web designs, layouts, and much more.
  • SpriteBox SpriteBox is a WYSIWYG tool to help web designers quickly and easily create CSS classes and IDs from a single sprite image.
  • Gridulator Gridulator able to quickly create a grid layout in png for you to design web layout. This is something you will find it handy because photoshop can't do it.
  • Markup.io Markup lets you draw on any webpage with a variety of tools to express your thoughts, make a point or just simply edit. Try Markup now by choosing a shape below. Then grab and drop on your bookmarks bar to use any time.
  • Spritebaker A free tool for designers and web developers. It parses your css and returns a copy with all external media “baked” right into it as Base64 encoded datasets. The number of time consuming http-requests on your website is decreased significantly, resulting in a massive speed-boost (server-side gzip-compression must be enabled).
  • ProCSSor Advanced CSS Prettifier that lets you format CSS in the exact way you want. It empowers you to turn your CSS into something that is visually more compelling, and with a minimum of effort at that.
  • Minus It's a quick share tools, simply drag and drop!
  • CopyPaste Character Great and simple tool for copy and paste web special characters.
  • Name Check Check to see if your desired username or vanity url is still available at dozens of popular Social Networking and Social Bookmarking websites. Promote your brand consistently by registering a username that is still available on the majority of the most popular sites. Find the best username with namechk.
  • Scrim Convert your email address into a short, cute and safe link you can share on the web, in Twitter, forums, Craigslist, anywhere to avoid bots pick up your email and SPAM it.
Join the discussion

Comments will be moderated and rel="nofollow" will be added to all links. You can wrap your coding with [code][/code] to make use of built-in syntax highlighter.

Sury 13 years ago
Nice list.
Edward.H 13 years ago
something more ~20+ Online Tools for Website Validation and Testing http://www.webmasterclip.com/story/20-online-tools-website-validation-and-testing
karim 13 years ago
you may add this too: http://www.online-toolz.com
DJ 13 years ago
Love this list. Thanks very much
max 13 years ago
thanks for the share.
Vladislavs Judins 13 years ago
Thanks for font comparer, thats the thing I've never thought of but always wanted :)
topdesignmag 13 years ago
Font comparer and CopyPaste Character are very useful, I use them all the time.
John Wilkinson 13 years ago
I've been using ColorExplorer for some time now, its a fantastic tool.
Great list, thanks.
Christi 13 years ago
Just started on this web page design adventure, so thanks for sharing
Pinho 13 years ago
INCREDIBLE!!!!! Tnks a lot.
John Xie 13 years ago

John here from http://Min.us - We have just launched a new update after a month+ of hard work, please take a look :)!


- Increased to 50MB per file limit
- Instant Search (Find users + Search through your own + friends' galleries)
- New Profiles ( ex: http://Min.us )
- Timeline on homepage
- Gallery browse using mouse scroll + copy to clipboard icon
- Interactive galleries for MP3 Music, PDF Documents, Video and more..
- and more more!

The full changelog here: http://Min.us
Newsletter: http://Min.us

All suggestions and feedback are welcome =)

salena_s 11 years ago
Nice article, My recommendation for those peoples who don't want to use coding for there website creation. Use <a href=http://www.pawili.com >Pawili</a> for you website building.There monthly charge is so low with domain and hosting also they provide unlimited hosting.
Martin 11 years ago
One more tool, I think it's useful for web developers