Muffinresearch Labs by Stuart Colville

Return to the Source | 2 Comments

Posted in Browsers on 13th July 2005, 8:15 am by

The other day I came across a brilliant firefox extension that allows you to view the source as rendered by the browser. The View Rendered Source extension by Jennifer Madden is excellent for seeing the source after the browser has rendered it. This has come in very handy for seeing the output of any javascript running. In addition to what it does technically the results are grouped by elements and colour coded, a great visual aid to see how your page is put together.

Another view source extension I heard about this morning (Via Shaun Inman) is the View Formatted Source Extension by Felix Ritter. This extension also works like the Jenifer Madden’s Extension in the sense that it shows source after the browser has rendered the page. It also features code folding and best of all it displays the CSS associated with each element. Very nice indeed.

Post Tools

  • http://grans-on-bran.blogspot.com Doris

    Just to endorse what you’ve said. I too have that extension and it is magic. I also have a color picker extension which has been invaluable – saves doing a screen grab, putting into a graphics program and reading the hexadecimal value from there. Oh joys :-)

  • http://www.muffinresearch.co.uk Stuart Colville

    I use Dr Hoiby’s CatchColour for getting colour samples from anything displayed on screen.

    The benefit being, it works outside of any specific application.

GNU screen: open tab in current working directory|(1)

A nice trick for having screen open a new tab in the same directory as the one you’re currently in. To use it add it to your .screenrc

# Open new window in current dir.
bind c stuff "screen -X chdir \$PWD;screen^M"
bind ^c stuff "screen -X chdir \$PWD;screen^M"

Hat tip: mteckert on SuperUser.com

Ubuntu: add-apt-repository: command not found|(2)

When you’re using a minimal Ubuntu install if you find the ‘add-apt-repository’ command is missing (it’s useful for adding PPAs and other repositories), then simply run:

sudo apt-get install python-software-properties

Photos on Flickr

© Copyright 2004-12 Stuart Colville, all rights reserved. May contain traces of Muffin. Powered by WordPress. Hosting by Slicehost.com This page was baked in 0.515s.