How to get website information

One way to get information about a website you like*
Two examples:
gathering colour codes
taking measurements
* PC instructions may vary slightly, but the principles should remain the same
by Erin Anne Beirne, Kiangle Communications -- www.erinanne.com -- Creative Commons Attribution

STEP ONE: Get Web Developer, an Add-on for Firefox
Use Firefox as your web browser
Look in Tools menu for Add-ons
Click on “Get Add-ons” tab in “Add-ons” Window
Search for “Web Developer” by chrispederick
Add Web Developer to Firefox and restart browser
(A donation to chrispederick’s coffee fund would be a nice thing to do!)

The Add-ons window looks something like this:
1:
2:

And the Web Developer search results window looks something like this:
1:
Click here:
and follow instructions
2:

STEP TWO: Use Web Developer to get website colour info
Use Firefox to open the website you like
Look in Tools menu for Web Developer
Go to Information and click on menu item called “View Color Information”
A new browser window will open and all the colours in that site will be displayed, along with their HTML codes
Pick the code for the colour you like, copy it, and use it in your own site

A closer view…

Example: Colour information from my website

STEP THREE: Use Web Developer to get website measurements
Use Firefox to open the website you like
Look in Tools menu for Web Developer
Go to Miscellaneous and click on menu item called “Display Ruler”
A plus-style cursor will pop up – click on one corner of what you want to measure and drag the cursor to the opposite corner
Read the measurements that show up up in the ruler menu

A closer view…

Example: Measurement information from my website
e.g. Width of my Twitter Feed Box is 250 pixels

Prepared by:
Erin Anne Beirne
of Kiangle Communications
http://www.erinanne.com

http://www.erinanne.com	1497
http://www.kiangle.com	11
http://translate.googleusercontent.com	3

How to get website information

by Erin Anne Beirne on May 14, 2010

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 1,511

Statistics

How to get website information — Presentation Transcript