Muffinresearch Labs by Stuart Colville

Return to the Source | Comments (2)

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

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

Comments: Add yours

1. On July 19th, 2005 at 11:18 am Doris said:

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 :-)

2. On July 19th, 2005 at 3:37 pm Stuart Colville said:

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.







XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>



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.495s.