Ben the Bodyguard

HTML/CSS Reset De-Compactor

Tired of seeing those tons of CSS declarations when using Firebug or Webkit inspector? Then try the Reset De-Compactor.

This works by expanding your grouped declarations into single rules. This is only meant for development work.

• Firefox Aurora introduces native developer tools
• Enter to win 50GB Dropbox Pro for life
• Automatic browser refresh for Chrome & Safari
• Free PHP IDE with WordPress support
• WordPress code templates for Aptana

jQuery plugin for better select boxes

Chosen allows you to enhance HTML <select> elements using JavaScript to add multiple select, autocomplete and more.

Chosen is available as a plugin for jQuery, Prototype and there’s a fork for MooTools.

• Preserving radio button checked state during drag and drop with jQuery
• Slide upwards in jQuery using slideDown()
• Add a custom login to your WordPress theme
• WordPress drop down menus: highlight parent items with jQuery
• Web Design Resources – November 2011

Create your background patterns

BgPatterns is a background pattern creator with tools to set color, base pattern, rotation of motif and more.

• Best web design resources of July 2011
• 10 resources for a better interface design
• 16 solutions for designers to sell digital goods
• Domai.nr
• Seven online color tools for design

CSS box model calculator

A very useful tool when you have to calculate complex box dimensions in CSS

This tool takes into account borders, paddings, margins and of course, content width.

• Best web design resources of July 2011
• CSS Pattern Generator and Gallery
• CSS 3 Gradients Generator by ColorZilla
• Make embedded tweets in WordPress responsive
• HTML/CSS Reset De-Compactor

Dropr: Portfolio Collective

Dropr is a “platform that aims to bring together artists of all media & backgrounds”.

• 5 private social networks for collaboration
• Best web design resources of July 2011
• CSS 3 Gradients Generator by ColorZilla
• Photo-Lettering
• Check your username