Over the millions of websites available, some are true tools for us web developers. In this article, I have compiled 10 extremely useful sites for web developers, that should definitely be added to your bookmarks.

Mysql Format Date

MySQL Format Date helps you to format your dates using the MySQL DATE_FORMAT function. Just select a common date format and then change it to your suit your needs. The MySQL DATE_FORMAT code will be generated at the bottom of the page which you can then copy into your query.
Visit site: http://www.mysqlformatdate.com

Script Src

Are you tired of hunting the Internet in order to find the script tag for the latest version of the Javascript library of your choice? ScriptSrc.net has compiled all the latest versions of jQuery, Mootools, Prototype and more in a single page which lets you copy it in your browser clipboard with a single click.

Visit site: http://scriptsrc.net

Em Chart

I never been a fan of ems in CSS files, but sometimes you have to deal with it. In that case, Em chart will translate ems to pixels so you’ll save time and hassle.

Visit site: http://aloestudios.com/tools/emchart

Twitter API Explorer

If you’re using the Twitter API in the site you build, you’ll for sure enjoy this very handy website which allow you to search through the Twitter API. Even better, the website can generate ready-to-use code snippets. A real time gain for you and your clients!

Visit site: http://twitapi.com/explore

Browser Sandbox

Cross browser compatibility is definitely one of the biggest problems a web developer has to face in his daily job. The browser sandbox lets you run any Windows browser from the web. The only bad thing is that you must run a Windows machine: The app does not work on Macs and GNU/Linux.

Visit site: http://spoon.net/browsers

PHP Forms

Web forms are one of the most important part of a website, but creating them is also very time-consuming. So, what about using a website that can speed up your form development for free?
PHP forms allows you to create advanced forms that can fit the needs of most websites.

Visit site: http://www.phpform.org

.htaccess editor

A .htaccess file is a must have for any website. Don’t know how to write one? No problem, just visit this site to create your .htaccess file using a wizard. It doesn’t allow very advanced stuff, but the results are great for 95% of the websites you’ll make.

Visit site: http://www.htaccesseditor.com/en.shtml

Smush it!

Images may be worth a thousand words, they’re also well known to use a lot of bandwidth. Images can be optimized for the web using programs like Photoshop; but if you don’t own a copy of this software or simply don’t have a clue how to do it, smush.it is what you need.
Brought to you by Yahoo developers network, Smush.it is an online tool that will reduce your image size without reducing their quality. For WordPress users, a very handy plugin for your favorite blogging engine is available here.

Visit site: http://developer.yahoo.com/yslow/smushit/

CSS Compressor

Especially on site with many different page layouts, CSS files can become huge and use a lot of server bandwidth. This tool, named CSS Compressor, can consequently reduce the size of any CSS file by removing comments, indentation and more.
Even better, compression level can be configured to fit your needs.

Visit site: http://www.csscompressor.com

Test everything

This site is a definitive must-have for your bookmarks: As the name says, Test everything allows you to test lot of things such as XHTML and CSS markup, PageRank, back-links, and a lot more.

Visit site: http://tester.jonasjohn.de

Related Posts

No related posts.
 

55 Comments

  1. Posted May 10, 2010 at 10:12 am | Permalink

    I liked the CSS compresor.

    Thanks

    • Posted May 11, 2010 at 9:26 am | Permalink

      answering myself… The Page Speed extension from Google already does it :)

  2. Posted May 10, 2010 at 10:55 am | Permalink

    Nice and handy list of tools I already knew + some new ones I will definitely use ! Thanx!

    grtz,
    ToM.

  3. Posted May 10, 2010 at 11:07 am | Permalink

    You say 10 sites I should bookmark… I say one post I should bookmark ;)

    Keep up the good work.

  4. Posted May 10, 2010 at 11:31 am | Permalink

    I didn’t know about those tools.

    I’m truly amazed.

    Thanks!!!

  5. Posted May 10, 2010 at 11:48 am | Permalink

    Awesome list! I already knew some, forgot some, found some new ones :D

  6. Posted May 10, 2010 at 11:55 am | Permalink

    An interesting list. I still use one of them as PHP Forms never quite convinced me. Would not hurt to try

  7. Posted May 10, 2010 at 12:06 pm | Permalink

    Does anyone know the url of a JavaScript compressor?
    Thanks!
    ~ Jim
    @seo_web_design

  8. real developer
    Posted May 10, 2010 at 12:22 pm | Permalink

    theese sites are no good for real developers. only for web-”developers”

  9. Posted May 10, 2010 at 12:46 pm | Permalink

    Amazing list, thanks!

  10. fjpoblam
    Posted May 10, 2010 at 12:46 pm | Permalink

    Omitted but you need it to coordinate your colors. I learned of it on Lifehacker and have used it AT LEAST weekly since: http://colorschemedesigner.com/

    • Cameron
      Posted May 11, 2010 at 12:07 am | Permalink

      This is one of the greatest websites I have ever seen! Should definitely have made the list.

      Thanks for sharing.

    • Posted June 1, 2010 at 6:38 am | Permalink

      I also like kuler.adobe.com for color themes. I’m not sure why my comments are getting labeled as spam here, though.

  11. Posted May 10, 2010 at 1:27 pm | Permalink

    Nice! I love the Em Chart (bookmarked it) and the Browser Sandbox (Cannot believe I’ve never found this)

    Thanks, cool post idea!

  12. Posted May 10, 2010 at 1:31 pm | Permalink

    Nice list. Quite a few sites I hadn’t heard about before.

  13. Posted May 10, 2010 at 2:58 pm | Permalink

    Nice list, most are already there in the bookmarks :D but still just discovered 2 new :D

  14. Posted May 10, 2010 at 4:08 pm | Permalink

    Nice set of resources. Definitely bookmarked a few. I think the em list will be the handiest for me. I don’t know why, but something as simple as switching from pixels to em has been a pain for me.

  15. Edison A. Leon
    Posted May 10, 2010 at 4:45 pm | Permalink

    I simply thank you! the CSS compressor it’s definitively a keeper

  16. Posted May 10, 2010 at 11:38 pm | Permalink

    3, 4 and 9 are good to know. Thanks much!

  17. Posted May 11, 2010 at 1:28 am | Permalink

    some other usefull tools:
    http://tools.pingdom.com – shows you what parts of your site take to long to load
    DustMe Selectors (FireFox AddOn) – finds unused css selectors declared in your css file, but not used anywhere on your page.

  18. Posted May 11, 2010 at 2:33 am | Permalink

    Great list…

  19. Strx
    Posted May 11, 2010 at 2:42 am | Permalink

    Spoon says “This service is unavailable on your device.” … ???

  20. Posted May 11, 2010 at 2:53 am | Permalink

    Such a great list.. Bookmarked!

  21. Posted May 11, 2010 at 4:17 am | Permalink

    http://browize.com is probably worth a mention too ;)

    Great post btw! Some new sites to me in this list!

  22. Posted May 11, 2010 at 8:31 am | Permalink

    Thanks for including ScriptSrc in your list! You can also follow @scriptsrc to get notified when google updates to a newer version of any of the javascript libraries we support.

  23. Posted May 11, 2010 at 10:43 am | Permalink

    Great post, These all look very handy. definitely bookmarking.
    Thanks.

  24. Posted May 11, 2010 at 7:22 pm | Permalink

    Great collection, have use a couple and a few new ones that I haven’t seen yet.

  25. Posted May 11, 2010 at 9:14 pm | Permalink

    Love the list! I have been a long time fan of SmushIt and was glad to see Yahoo Integrate it into YSlow.

  26. Posted May 11, 2010 at 11:30 pm | Permalink

    I just bookmarked this page instead of bookmarking each one of those. Thanks.

  27. Posted May 12, 2010 at 9:25 am | Permalink

    Very useful post. We all know some of these resources but it is great to see them at one place. Well done and I look forward to see more such lists.

    Arun

  28. Posted May 12, 2010 at 11:37 am | Permalink

    Great LIST!!! Favorited thanks!

  29. Posted May 12, 2010 at 3:59 pm | Permalink

    Great and useful post. Thanks Jean !

  30. Posted May 14, 2010 at 7:12 am | Permalink

    Nice, have use a couple and a few new ones that I haven’t seen yet.

  31. Posted May 14, 2010 at 12:32 pm | Permalink

    Thanks for this! I didn’t know of most of these. Now, I’ll pass it around the office! Cheers

  32. Posted May 15, 2010 at 4:20 pm | Permalink

    Smush it is my hero. I love this site…It has helped me decrease the loading time of my site by 4 seconds.

  33. Posted May 17, 2010 at 6:29 am | Permalink

    Great list of resources, thanks for sharing!

  34. Posted May 22, 2010 at 12:43 pm | Permalink

    Great post. I didn’t know about a few of those and will be checking them out. I also like this site:

    http://www.xml-sitemaps.com/

    You can instantly create a Google sitemap.

  35. Posted May 28, 2010 at 11:42 pm | Permalink

    The Browser Sandbox is my favorite, but all of these are extremely useful. I’m going to post some of these to my blog so I don’t forget about them!

  36. Posted June 7, 2010 at 6:30 pm | Permalink

    htaccess and css compressor are the two best tools here. 90% of webmasters will use those. I know I just did ;)

  37. Posted June 9, 2010 at 1:52 pm | Permalink

    nice post… thank you

  38. Posted June 10, 2010 at 6:47 pm | Permalink

    I bookmarked 3 of those, very useful links!

    having trouble with browser sandbox though – was gonna use it to test Safari but I guess Chrome will do :P

  39. Posted June 14, 2010 at 5:37 am | Permalink

    I have no idea about these tools. Thanks for the solid information!

  40. Posted July 2, 2010 at 12:33 pm | Permalink

    I’ve been personally been using SmushIt for several months now for my websites. The image reduction size varies, sometimes it’s up to 100kb depending on size, of course.

    I highly recommend it if have have more than 300 images on your site.

    Regards,
    Steve Public

  41. Posted July 5, 2010 at 2:05 pm | Permalink

    Nice, have use a couple and a few new ones that I haven’t seen yet. i love this site

  42. Posted July 23, 2010 at 8:08 am | Permalink

    I have no idea about these tools. Thanks for the sharing information!

  43. Posted July 26, 2010 at 10:01 pm | Permalink

    I love the EM chart ..thanks for sharing :)

  44. Posted July 14, 2010 at 2:35 pm | Permalink

    Eh… Upon actually trying to use it, I don’t really like Color Scheme Designer. It picks some really weird combinations. I’d rather browse Colour Lovers.

7 Trackbacks

  1. By === popurls.com === popular today on May 10, 2010 at 11:20 am

    === popurls.com === popular today…

    yeah! this story has entered the popular today section on popurls.com…

  2. [...] Alexandre Gamela shared 10 sites developers should have in their bookmarks. [...]

  3. [...] 10 sites developers should have in their bookmarks Cool sites for web developers daily activities. (tags: programming testing web) [...]

  4. By 10 sites de développeurs à bookmarker on May 11, 2010 at 2:49 am

    [...] 10 sites developers should have in their bookmarks. [...]

  5. By Linkjes voor May 11th - Boeiend dunkt me on May 11, 2010 at 7:22 pm

    [...] 10 sites developers should have in their bookmarks [ development programming resources css ] Tags: css, development, programming, resources You can follow any responses to this entry through the RSS 2.0 feed. Responses are currently closed, but you can trackback from your own site. [...]

  6. [...] 10 sites developers should have in their bookmarks: It’s truly the case that you can’t remember everything. No matter how good you are at troubleshooting, coding, installing software, locating network hiccups, you still need reference material. [...]

  7. [...] 10 sites developers should have in their bookmarks [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting

  • Smashing Network
  • Hosted by VPS.net and Akamai CDN
WordPress Appliance - Powered by TurnKey Linux