A Cheatsheet for Firebug

image Firebug Cheatsheet small During the current renovation of Duvet-Dayz (the next parts come online after the weekend) we have used one great tool extensively – Firebug.

Like with other debuggers or development tools there are a lot of keyboard shortcuts to remember. But forgive us, when you’re working with many different tools – from Photoshop to Development IDE’s to debuggers, not everyone can remember 150 different keyboard shortcuts and then use the right one at the right place.

So like many others we work with cheat sheets aka help sheets – short summaries of the most important commands on one or two pages that are available for almost all tools we use. When we started using Firebug we search on the Internet but we could not find a cheat sheet for this tool.

There is of course the documentation on the Firebug web site, well done but quite a few pages to look through whenever you just need a quick glimpse with a help sheet.

So we created our own Firebug cheat sheet and would like to share it with everybody.

There are two versions available (PDF/PNG) and we played around with a grid framework to create a HTML version. If you want to print our Firebug cheat sheet we strongly suggest to use the PDF / PNG versions. The PDF is formatted that it prints easy readable on two A4/Letter pages.

Have a look and we hope it will save you time as well when working with Firebug.

More information:
The link to the Firebug cheat sheet
The Firebug web site with the full documentation etc.

Note: The links to the PDF / PNG are on the top right of the HTML version. Please comment on this post if you have any further suggestions or just want to have a say (we know that the HTML version looks a bit clumsy, but it was a good exercise to try out the Blueprint CSS framework).

Related Posts:

  1. Internet: Malware with 24h support services
  2. link to article
    So called Trojan and Malware kits have been around since quite some time and most of the people working with or on the Internet should by now have realized that the creation of Malware and spying on computers has developed into a full-fledged industry. And half-hearted security on web sites, corporate and private computers provides their share to the continuously growing size of bot networks together with operating systems that could sometimes best be described with the infamous term “unsafe at any speed”.

    We’ve seen the first of these Malware kits in the 1990s – then targeted at so called script kids – but since these years of …

    Continue reading…

  3. Data visualization: IA’s web trend map 2008
  4. link to article
    Like in previous years Japanese design agency Information Architects have released a web trend map in the form of the the greater Tokyo-area train map.

    The “2008 version” of the map shows almost 300 of the most influential and successful websites. It’s available as a interactive map online or you can download an A0 version as a pdf file to hang it as a poster in your office or at home…

    continue reading…

  5. Life: Cufflinks with a message
  6. We did hesitate a bit putting this post up but then these cuff links are looking great on the right person (hey-hey). Acorn Studios is selling these keyboard beauties for about USD 15. There are 10 different pairs to choose – from [Esc] & [Pause] to [Page Up] & [Page Down] plus custom orders. The [...]

  7. Map yourself on the Internet
  8. link to article
    The web site map-o-net has created a nice tool to show your or other IP addresses on a fractal chart. Great idea to visualize unused addresses as green grass…

    Continue reading…

(5) Comments »

5 Responses to “A Cheatsheet for Firebug”

  1. Conrad Says:

    Cheers for the cheat sheet – your work is appreciated and long live firebug!

  2. Vii Says:

    The link to the cheat-sheet broken. Could you reupload it, plz?

  3. NeoAngelic Says:

    Thanks a lot! ^___^ Gonna print this out, laminate it, and keep it next to my computer at all times. (;^__^)-b

  4. Reader Says:

    Please make one sheet for PC and one for Mac. It does not make any sense to
    have both key-combinations on one sheet. Thanks.

  5. Cheatsheet Firebug | kulturbanause blog Says:

    [...] ist für ein Plugin allerdings recht üppig, so dass ein Spickzettel durchaus sinnvoll sein kann. Duvet-Dayz.com hat bereits vor einiger Zeit ein Cheetsheet zu Firebug veröffentlicht. Es steht als [...]