Web Development

13 Simple but Useful Online Tools for Web Development

Written by Kevin Liew on 14 Apr 2010
32,106 Views • Shares
17 comments

Introduction

As a web developer, I always bookmark websites that are really useful and able to increase my productivity. Most of them perform small task that could reduce fair a bit of times if you've to do it manually. So, I searched through my bookmark, filtered a lot of irrelevant websites, handpicked those I think it's really handy and finally, I have this list.

I just want to share my favourite online tools, some might not even relevant to your needs, if you have some great tools, please share it with me :)

  • Preloaders

    I have been working on a few websites that use ajax. Whenever I need a loading animated gif, I will visit this website and grab the one that I like. It has variety of choices and configurations that allow you to customize the animated gif.
  • Email Spambot Protection Generator

    So, you want to put your email address but afraid of spam? You can use javascript to embed it. This website can help you to convert your email to javascript, and then output it into human readable format.
  • JSON Formatter and Validator

    Just recently, I have spent fair a bit of time with JSON, however, it's not formatted and really hard to read it. I found this tool, and I think it's quite handy to have.
  • Guide to CSS Support

    This not really a tool, it's actually a reference to create EDM. I used it since two years ago, but I don't think I need it anymore because I can remember it! So, if you're creating EDM, you can use this as a reference.
  • Password Generator

    You have no ideas how many times I have to generate passwords to secure websites that I have been working on. So, a handy online tool - password generator will help you create one.
  • Htaccess Tools

    I'm not much of linux user, but I do know some linux command that can help me to setup a website in a server. One thing I hate the most is creating htaccess authentication, I could never able to remember the command to generate htpasswd file. Thanks to the Internet, I found this and it's really useful.
  • Code Beautifier

    This is a CSS formatter and optimser. It's a quite powerful online tool to help you tidy up your CSS code and reduce the file size by replacing some CSS code with CSS shorthands, shorter color code and remove unnecessary characters.
  • W3C Validator

    I guess everyone will know this. Always validate your code and fix all those errors, you will be amazed how it can pick up some human mistakes.
  • Raw Url Encode/Decode

    I think this is just for me, somehow I have to deal with it once a while, so I chuck it here in case you need it.
  • Favicon Creator

    I created Queness's favicon using this online tool. I think it's simple and great.
  • W3C Find Broken Links

    The basic testing of any websites - make sure all the links are working. You can use this tool to detect broken links.
  • PC Names

    PC names is my favourite domain name finder. I like it because it's ajax based and I can get the result almost instantly.
  • XML Sitemaps Generator

    You don't have to create xml sitemap manually, you can just submit your website to this generator and it will figure it out for you, pretty handy.
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.

17 comments
enomsoft 6 years ago
Great job. Nice
Reply
faizan 6 years ago
wow these tools are really useful for my webs.

thanks
Reply
tober 5 years ago
Thanks for your article. It is very interesting.
Here is new free online service for:
Creating Favicons and icons,
Creating GIF animations,
Converting RAW photos
http://toolson.net
Reply
Alex 5 years ago
Excellent collection of tools. I will include some of them into my collection. Thanks.
Reply