Web Development

11 Useful Online Tools for Web Development

Written by Kevin Liew on 08 Mar 2011
48,716 Views • Shares
13 comments

Introduction

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.

Advertisement
  • 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.

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

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

Highlights:

- 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 =)

Thanks
John@min.us
Reply
salena_s 4 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.
Reply
Martin 4 years ago
One more tool, I think it's useful for web developers
http://eyepitstop.com
Reply