It’s no secret that web developers seldom build things up from scratch nowadays. From web icons to graphical chart, CSS menu to random dummy texts, from web traffics analysis, You must identify current trends and standards and determine ways to incorporate them into your designs. In this article, I have compiled 30 extremely useful tools for web developers, that should definitely be added to your bookmarks.

In this post is a list of 20 100% HTML5 based and do not required Flash or any other ActiveX controls to render videos which allow you to easily embed video into web pages and ensure backwards compatibility. Those free tools available that will let you serve video via HTML5 and also support Flash, in the event that a visitor’s browser doesn’t support HTML5 (or in some cases, the video codec being used with your HTML5 code).

Adobe Lightroom is a photography software program, it not only allows professional photographers to manage hundreds and thousands of images, it also allows you to to do high quality post production work, As we mentioned, presets can be shared, and a large number of Lightroom  users not only spend a lot of time making incredibly creative presets, but also sharing them. A number of great sites create or aggregate presets, In this post you will find some of the best Adobe Lightroom presets, and most important these presets are all available Free for downloading.

We currently see on the web today rely on a subtle set of UI toolkits, libraries or frameworks that not only greatly simplify application development are great timesavers for web designers. In User interface design it’s always good to have the graphical elements (buttons, checkboxes, tab, drop down menus, etc) to build your own wireframe: wireframing kits, browser windows, form elements, grids, Mac OS X elements. You can download (for free) and use them right away, or customize your own copy that will come in handy in future, your choice. Full list after jump.

There are many available tools to help make web development projects quicker and more productive. rendering these tools practically useless until you stump up the cash. In most cases, however, there are free alternatives available can significantly help you accomplish tasks such as color selecting, JS Library, CSS/HTML/PHP Framework, WYSIWYG editor. etc...which are included in this list intentionally.

free Media Players (Free MP3, Video, and Music Player ...) are cool because they let web developers and bloggers embed MP3 Players/FLV Olayers and build customized JukeBox on the websites. With these online Media players, you can add a list of songs easily and embed the given Javascript code to your website. Most of these players are customizable and you can have your won skin that suit the web design.