﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Travis Miller &#187; Firefox</title>
	<atom:link href="http://www.electrumdigital.com/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.electrumdigital.com</link>
	<description>Web Developer for Hire</description>
	<lastBuildDate>Thu, 22 Jul 2010 14:17:43 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Three essential Firefox extensions for web developers</title>
		<link>http://www.electrumdigital.com/2009/08/three-essential-firefox-extensions-for-web-developers/</link>
		<comments>http://www.electrumdigital.com/2009/08/three-essential-firefox-extensions-for-web-developers/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 23:02:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[AJAX & JavaScript]]></category>
		<category><![CDATA[Browser Issues]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://www.electrumdigital.com/?p=93</guid>
		<description><![CDATA[Firefox is beloved by web developers for its compliance with W3C standards, its open-source nature, and its general awesomeness. But its vast library of genuinely useful extensions and Greasemonkey scripts is surely a big part of the attraction, too. Here are three that I couldn't live without.


You probably already know about the Web Developer Toolbar, [...]]]></description>
			<content:encoded><![CDATA[<p>Firefox is beloved by web developers for its compliance with <acronym title="World Wide Web Consortium">W3C</acronym> standards, its open-source nature, and its general awesomeness. But its vast library of genuinely useful extensions and Greasemonkey scripts is surely a big part of the attraction, too. Here are three that I couldn't live without.</p>
<p><span id="more-93"></span></p>
<ul>
<li>You probably already know about the <a href="https://addons.mozilla.org/en-US/firefox/addon/60">Web Developer Toolbar</a>, but if you don't, trust me&#8212;go download it <em>now</em>.</p>
<p>Its most valuable feature is the ability to view the generated source of a page&#8212;that is, to see the HTML as it exists at the <em>current moment</em>, including any changes that have been made via JavaScript. It's absolutely indispensible for any kind of <acronym title="Asynchronous JavaScript and XML">AJAX</acronym>-ish work.</p>
<p>It can do a lot more than that, though&#8212;with a couple of clicks, you can validate documents, see what your page looks like at different resolutions, quickly view or delete cookies from only the current domain or path, view overlays which reveal various aspects of the document (such as the names of form fields or information about links), disable images or <acronym title="Cascading Style Sheets">CSS</acronym>, autopopulate forms to accelerate testing, and much more.</p>
</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/2076">JSView</a>. How many times have you needed to view the stylesheets or JavaScript files that are used on a page&#8212;and had to hunt through the page source for the filenames, so you could cobble them together to get a complete <acronym title="Uniform Resource Locator">URL</acronym>?
<p>JSView adds a submenu to the context menu which lists all stylesheets and JavaScript files linked to a page, along with the file sizes. Selecting a file from the menu will display the source in a new window. What JavaScript library are they using on that page? How did they get that effect with <acronym title="Cascading Style Sheets">CSS</acronym>? JSView makes it easier than ever to find out.
</li>
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/3829">Live <acronym title="HyperText Transfer Protocol">HTTP</acronym> Headers</a>. Very handy when you want to see exactly what the browser and the server are saying to each other&#8212;complete with <acronym title="HyperText Transfer Protocol">HTTP</acronym> status codes, POST data, and request and response headers.
<p>It's helped me to diagnose obscure bugs, to understand the workings of third-party web applications (such as when working with Microsoft products, which tend to freak out if the headers aren't set exactly as expected), to discover the <acronym title="Uniform Resource Locator">URL</acronym>s of embedded media files so I can download them (even on sites which obfuscate the <acronym title="Uniform Resource Locator">URL</acronym>s through various means), and more.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.electrumdigital.com/2009/08/three-essential-firefox-extensions-for-web-developers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
