<?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>cssOrigins.com &#187; Html</title>
	<atom:link href="http://www.cssOrigins.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.cssOrigins.com</link>
	<description>Css Origins, Design Blog and Wordpress Publishing Platform</description>
	<lastBuildDate>Mon, 12 Jul 2010 06:35:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=abc</generator>
		<item>
		<title>My Firefox Design Plugins</title>
		<link>http://www.cssOrigins.com/2009/my-firefox-design-plugins/</link>
		<comments>http://www.cssOrigins.com/2009/my-firefox-design-plugins/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 22:44:31 +0000</pubDate>
		<dc:creator>Hunter Brelsford</dc:creator>
				<category><![CDATA[Archive]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[Php]]></category>
		<category><![CDATA[Plug-in]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.cssOrigins.com/?p=221</guid>
		<description><![CDATA[Hey guys its finally time for me to share with you all the wonderful Firefox plug-ins I use almost daily to help me with development and design no matter what website Im working on. Be it an old table driven website from the ice age, or a modern CMS driven wordpress site, these tools can [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>Hey guys its finally time for me to share with you all the wonderful Firefox plug-ins<span id="more-221"></span> I use almost daily to help me with development and design no matter what website Im working on. Be it an old table driven website from the ice age, or a modern CMS driven wordpress site, these tools can help reduce the complexity of updates, speed up development,  and quickly provide you with the information you require.</p>
<h3><img style="padding: 2px; float: right; border: 1px solid #999999; clear: both;" src="http://www.cssOrigins.com/wp-content/uploads/2009/04/seoquake.jpg" alt="" /> First SEO Quake found at <a title="SEO quake" href="http://www.seoquake.com/" target="_blank">seoquake.com</a></h3>
<p>Seo quake is both for Firefox and IE, and its primary function in is to help quantitatively define the information presented on a website or page being viewed. The main feature I would point you guys too is the keyword density ability, basically it can read through your pages and find out how many times a word or group of words appears on your site. VERY HANDY if your going for SEO optimizations this is a must, try and get your good key words between 5-20 density for maximum effect on your home page.</p>
<h3><img style="padding: 2px; float: right; clear: both; border: 1px solid #999999;" src="http://www.cssOrigins.com/wp-content/uploads/2009/04/devtoolbar.jpg" alt="" /> Next we have the all powerful Developers toolbar from <a title="Developers toolbar" href="http://chrispederick.com/" target="_blank">Chris Derick</a></h3>
<p>The toolbar can be downloaded from <a href="https://addons.mozilla.org/en-US/firefox/addon/60" target="_blank">addons.mozilla.org</a></p>
<p>Developers tool bar is a multifunction toolbar allowing users to view style information, edit css, outline styles, edit their browsers width and height and so much more. Just with those key features makes the developers toolbar the #1 Firefox extension any kind of web personnel should have. Being able to specifically target a browsers width and height is something I think we all have had to do at a specific time, and with 2 clicks boom you can view the site in that exact resolution.</p>
<p>Being able to edit css on the fly even on another website and save it off also a helpful or potentially a time saving feature. and of course most praised feature in my opinion is the ability to highlight hovered objects, and see their css roots. See what div, what class and what id they came from, makes editing your styles that must faster.</p>
<h3><img style="padding: 2px; float: right; clear: both; border: 1px solid #999999;" src="http://www.cssOrigins.com/wp-content/uploads/2009/04/colorzilla.jpg" alt="" /> Umm lets see, Colorzilla downloadable over there <a title="colorzilla" href="http://www.colorzilla.com/firefox/" target="_blank">colorzilla.com</a> !!</h3>
<p>Colorzilla is simple, it places an icon down in the lower left hand corner status bar and  you just select it to get an eye dropper in Firefox, thus allowing you to retrieve any color on the firefox screen. Oh its sOo handy.</p>
<h3>Finally we have Firebug available <a title="firebug" href="https://addons.mozilla.org/en-US/firefox/addon/1843" target="_blank">addons.mozilla.org</a></h3>
<h3><img style="padding: 2px; float: right; clear: both; border: 1px solid #999999;" src="http://www.cssOrigins.com/wp-content/uploads/2009/04/firebug.jpg" alt="" /></h3>
<p>Firebug has some similarities with the developers toolbar but its a lot more complex. In other words it can be used to help diagnose css related issues and help you dig deep to find what id or class your having trouble with, but where this thing has shined for me in the past is with the development of dynamic sites, the ability to track what files are specifically slowing down the loading or display of my site.</p>
<p>My list of Firefox plug-in&#8217;s again are</p>
<ul>
<li><a title="SEO quake" href="http://www.seoquake.com/" target="_blank">SEO quake</a></li>
<li><a title="Developers toolbar" href="https:https://addons.mozilla.org/en-US/firefox/addon/60//addons.mozilla.org/en-US/firefox/addon/60" target="_blank">Developers toolbar</a></li>
<li><a title="colorzilla" href="https://addons.mozilla.org/en-US/firefox/addon/271" target="_blank">Colorzilla</a></li>
<li><a title="Firebug" href="http://getfirebug.com/" target="_blank">Firebug</a></li>
<li>and of course <a title="Firefox 3" href="http://www.mozilla.com/en-US/firefox/personal.html" target="_blank">Firefox </a> is the browser.</li>
</ul>
<p>Do you  have your own plug-in you think should be included in this, feel free to comment and let everyone know about it.</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.cssOrigins.com/2009/my-firefox-design-plugins/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
