Ovidiu Predescu's Weblog

CSS development with Mozilla

Simon Willison has a very interesting Weblog entry about using CSS bookmarklets to speed up Web app development.

The most interesting ones I found were the edit styles and ancestors. You first have to bookmark the links on Simon's page. Then visit a site whose CSS style you want to develop. Now go in your bookmarks and select edit styles and ancestors bookmarklets. The first one will pop up a window with the CSS styles of the current page. The second one acts via side effects by showing you the DOM hierarchy for the HTML element the mouse is currently over. You can change the style of the Web page interactively in a very easy way.