All web designers and developers should be familiar with Firebug (if for some reason you’re not then go now) and Firebug Lite is a striped down version that works on all browsers. Especially useful for fixing IE issues.
Interesting fact: Firebug inspired the name for Inspect Element.
Enter the name of any selector into the text box and click the MRI button and this bookmarklet will highlight all of those selectors on the page.
4. Resize Viewport
Very simple, click on the following links to resize your browser window to these common resolutions. Only works in Firefox but that’s most of you who read Inspect Element.
One of the most useful bookmarklets for development is ReCSS. It reloads the CSS file independent of the HTML which speeds up work considerably when you’re only writing CSS code.
Delicious is one of, if not the most, popular way of saving articles especially in the web design and development community. This bookmarlet provides a quick way to save the current page to Delicious. Give it a go and save this article to Delicious!
Sure, you can preview edits of HTML text using Firebug or WebKit’s Web Inspector but this bookmarklet turns the whole page into a WYSIWYG editor. Of course these changes aren’t permanent and are only local to your machine but gives you a good idea of what changing content does to the page.
Similar to Firebug Lite in that you can inspect elements on a page but much clearer to see what you have selected. Also seems to be quicker.
Having trouble lining up elements on a page? Andy Budd’s layout grid bookmarklet will come in handy as it overlays a transparent image of a grid, complete with pixel rulers along the X and Y axis.
The Favelet Suite bookmarklet is the Swiss Army knife of the web design bookmarklet world. It includes the following features:
- Color List
- Document Tree Chart
- HTML Attribute Viewer
- HTTP Header Viewer
- Hidden Field Modifier
- Mouseover DOM Inspector
- Object Dimensions
- Page Info
- Remove Children
- Resize Fonts
- Show Source
- Style Sheet Tweak
- Style Sheet Viewer