Min.us: The easiest way to upload images

Any developer, designer or webmaster have to share images online with clients and co-workers. Min.us is an all new service that allow you to upload images extremely easily: Just drag and drop them into Min.us and the image will be saved on their servers. A short url will be automatically created so you can share it across the web.
» Visit Min.us

Wirify: Transform any web page into wireframes

Wireframes are extremely useful when designing a website. Wirify is a bookmarklet that allow you to instantly convert any web page into wireframes that you can study or use for your own work.
» Visit Wirify

CSS Resetr: View and compare CSS resets

CSS resets are a must have in any stylesheet in order to render differences between browsers. Since 2004, a lot of differents CSS resets has been published. So, which one is the best for your project? CSS Resetr let you compare the result of the most popular resets on a web page.
» Visit CSS Resetr

Head JS: Speed up your site with 2.30 kb of Javascript

Head JS is a simple and light (2.3 kb) script that will make your site faster by loading other scripts as images. Head JS can do a lot more to modernize your site: CSS3 support, dynamic CSS, etc.
» Visit http://headjs.com/

1. CSS Type Generator

CSS Type Set is a hands-on typography tool allowing designers and developers to interactively test and learn how to style their web content.

2. Drawter

This tool gives you the possibility to draw your website’s code.

3. CSS Sprite Generator

Very helpful tool to generate sprites for your web projects.

4. Deploy

“Whenever starting a web project, I used to always begin with the tedious process of creating the basic framework structure for the site. This included creating folders for CSS and images, downloading and including jQuery, and adding a CSS reset, among other things.”

5. CSS Compressor

Use this utility to compress your CSS to increase loading speed and save on bandwidth as well. You can choose from three levels of compression, depending on how legible you want the compressed CSS to be versus degree of compression.

6. Blueprint Grid CSS Generator

This tool will help you generate more flexible versions of Blueprint’s grid.css and compressed.css and grid.png files. Whether you prefer 8, 10,16 or 24 columns in your design, this generator now enables you that flexibility with Blueprint.

7. Button Maker Online

Use this online tool to easily and visually create those popular “XHTML valid” micro buttons (80×15). You can also opt for the larger 88×31 button instead.

8. CSS Layout Generator

This generator will create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. Values can be specified in either pixels, ems or percentages.

9. CSSFly

CSSFly is a web 2.0 tool for easy editing websites direct and in real-time in your browser. Simply edit the (X)HTML-code and the external Style-Sheet files.

10. CSS Button & Text Field Generator

Very helpful tool to create buttons and text fields.

11. CSS Colors Palette Generator

Upload an image to generate a color palette based on the image’s primary colors. Useful for quickly grabbing a particular color within an image for inspiration.

12. Spanky Corners

‘Spanky Corners’ is an experimental technique for using only CSS to produce ’round-cornered content boxes’ with semantically pure markup. It does not require JavaScript to work

13. Replace CSS Colors Editor

Change the entire color scheme of your site with this CSS Color Editor.

14. The Box Office

The Box Office lets you wrap/float/contour text around freeform images using CSS for usage in (X)HTML pages.

15. EM Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design.

16. Page Maker – The Generator Form

CSS Source Ordered Variable Border 1-3 Columned Page Maker.

17. Clean CSS

A tool to optimize and format your CSS.

18. W3C CSS Validation

Check Cascading Style Sheets (CSS) and (X)HTML documents with style sheets

19. Markup Maker

Markup Maker takes a simple list of page ids that you enter and converts it to a valid XHTML/HTML document (scaffolding, if you like). Now includes HTML5 support

 I allways publish wordpress plugins ,Today ,I focus on 12 plugins that is really useful to create a developer blog.I hope you are like.

Preserve Code Formatting

Have you ever tried to display code snippets in WordPress? If your answer was "yes", I’m pretty sure you had trouble to do so, at least during your first tries. Why? Because of html entities and WordPress formatting.
By using the "Preserve Code Formating" WordPress plugin, you can say a definitive goodbye to all that kind of problems.
A definitive life saver for developer’s blogs.
» Source : http://wordpress.org/extend/plugins/preserve-code-formatting/

Wp Advanced Code Editor

WP Advanced Code Editor integrates the EasyArea advanced code editor into WordPress. This adds real time syntax highlighting, line numbering, full screen editing, and more to the code editor in the "Add New Post" and "Add New Page" screens.
» Source : http://wordpress.org/extend/plugins/wp-advanced-code-editor/

runPHP

If you’re a developer, you may sometimes find a bit frustrating the fact that WordPress do not allow you to run PHP code in the editor or in Text widgets.
The "Run PHP" plugin solves this problem. The permissions to run some PHP are handled by user roles and capabilities. Note that this plugin will also work on PHP 4 servers.
» Source : http://wordpress.org/extend/plugins/runphp/

Vim Color Improved

Highly inspired by the Drupal module of the same name, "Vimcolor" highlights your code in many different formats. VIM is a common programmers text editor for (usually) unix based systems. Out of the box VIM can color the syntax of 200+ languages including PHP, Perl, C, HTML, Fortran, Haskell, Java, etc.
» Source : http://wordpress.org/extend/plugins/vim-color-improved/

SQL Executionner

While working with a database-driven website, as such as WordPress, you may often need to directly look inside the database for some info, or execute a few queries to update or delete entries.
Sure, PhpMyAdmin do that job perfectly, but why connecting to another software when you can do it inside WordPress, suing the SQL Executionner plugin?
» Source : http://justinsomnia.org/2008/02/the-wordpress-sql-executioner/

Google Syntax Highlighter

The Google Syntax Highlighter plugin easily integrate Alex Gorbatchev’s Syntax Highlighting code into your WordPress blog. Just install the plugin and you’ll be able to automatically color the code snippets you posted on your blog.
The Google Syntax Highlighter plugin is 100% Javascript based, so it will not contribute to your server load.
» Source : http://wordpress.org/extend/plugins/google-syntax-highlighter/

Wp Development Utilities

Once you have installed this plugin, you’ll be able to use a full set of functions designed to help your find and debug your WordPress themes or plugins. Among other things, you can retrieve user capabilities, web server name, get the ID of a permalink…
» Source : http://www.blogdev.info/bd/wordpress/plugins/wp-development-utilities.htm

WP Developer Assistant

WP Developer Assistant is a complete toolkit for all WordPress developers. It allows you to see all WordPress predefined constants, easy access and modify the options table, view actions and hooks, and a lot more.
» Source : http://wordpress.org/extend/plugins/wp-developer-assistant

Anti Internet Explorer 6

You probably already know that I hate IE6. This is the reason why I can’t resist to list this plugin on here. It purpose is pretty simple: Once installed, it will detect the loser’s browser and will deny it access to your blog.
» Source : http://wordpress.org/extend/plugins/anti-internet-explorer-6/

Hosting monitor

A website can’t be great with a good and reliable host. In order to alays keep an eye on your server, you should definitely install the "Hosting Monitor", a monitoring WordPress plugin created by WebHostingSearch.
Lots of info can be retrieved and displayed: Memory usage, server load, uptime…
» Source : http://wordpress.org/extend/plugins/wordpress-phpsysinfo-widget/

Wp-Debug

Ever wished to be able to display information about GET/POST requests, session variables, server info from the php.ini, or included files? The Wp-Debug plugin allow you to see what’s going on the inside.
A very good tool to learn more about WordPress.
» Source : http://wordpress.org/extend/plugins/wp-debug/

WordPress Console

The WordPress Console is definitely the kind of plugin any WordPress developer should have installed. It provide an interactive console that loads the WordPress environement.
You can then test any PHP code. A great way to learn the WordPress API! Note that a screencast and a detailed tutorial are availables.
» Source : http://wordpress.org/extend/plugins/wordpress-console/