13 Simple but Useful Online Tools for Web Development

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.

AdvertisementOur complete set of 350-001 dumps test questions and HP0-J51 study guides you in exact way so you will pass your real HP2-Z16 exam & 70-680 with flying colors of testking 70-293.

Show Some Love, Spread This Post!

17 comments

Alex Thu, 2nd February 2012 Excellent collection of tools. I will include some of them into my collection. Thanks.
Reply
tober Sat, 10th September 2011 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
faizan Tue, 21st December 2010 wow these tools are really useful for my webs.

thanks
Reply
enomsoft Mon, 8th November 2010 Great job. Nice
Reply
Nisha Shah Mon, 1st November 2010 Thanks. Excellent tools. I will implement these tools on my website. Thanks for your information.
Reply
Web Design India Wed, 29th September 2010 Hey, great post! There are so many cool techniques described here, big thanks!
Reply
Gerard Tue, 14th September 2010 http://www.mysqlformatdate.com is another good one.
Reply
mugiwara Tue, 15th June 2010 nice work thanks you very mutch
Reply
nilyvn Mon, 26th April 2010 Nice online tools for web development.
Its all tools are very useful for web development.
Thanks for great sharing.
Reply
softpact Wed, 21st April 2010 I using the preloader to my jquery they are nice gif you can use, I recomended!
Reply
Hussain Anjar Tue, 20th April 2010 Really useful stuff thanks a lot.
Reply
aditia Sun, 18th April 2010 that preloader very cool, thanks for sharing
Reply
goofydg1 Thu, 15th April 2010 nice job.
Reply
sean nieuwoudt Thu, 15th April 2010 Great post, but you forgot http://cssdesk.com/

extremely useful!
Reply
Elaine Wed, 14th April 2010 Thanks for sharing, very useful :)
Reply
Alex Flueras Wed, 14th April 2010 Great article, a lot of useful stuff. Thanks for sharing.
Reply
Laddy Wed, 14th April 2010 http://freetrustseal.com lets you put a free trust seal on your site.
Reply

Leave a comment

Have something to say? Drop a comment! No HTML tags are allowed in the comment textfield.

Advertisement