<?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>Oncemade &#187; tools</title>
	<atom:link href="http://oncemade.com/tag/tools/feed/" rel="self" type="application/rss+xml" />
	<link>http://oncemade.com</link>
	<description>Design, Web Dev, Inspiration</description>
	<lastBuildDate>Fri, 09 Jul 2010 02:06:26 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Dev Notes #1 &#8211; Bookmarklet</title>
		<link>http://oncemade.com/dev-notes-1-bookmarklet/</link>
		<comments>http://oncemade.com/dev-notes-1-bookmarklet/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 05:24:21 +0000</pubDate>
		<dc:creator>Rodrigo</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Bookmarklet]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://oncemade.com/?p=867</guid>
		<description><![CDATA[I got tired of my colleague, *cough Buz, asking me for links and tools that I find and use while [...]]]></description>
			<content:encoded><![CDATA[<p>I got tired of my colleague, *cough <span class="vcard"><a href="http://pizzabytheslice.com" class="fn url" rel="friend">Buz</a></span>, asking me for links and tools that I find and use while working, so I've decided to create posts where I list these things for future reference. Enough talk lets get to it. </p>

<p>Bookmarklet is a very important piece of my development. Lately, I've been using the following:</p>

<ol class="notesList">
	<li>
		<h3><a href="http://david.dojotoolkit.org/recss.html" title="ReCSS: Reload your CSS" rel="bookmark">ReCSS</a></h3>
		<p>Super B tool, used to reload your css without refreshing the whole page. It's very useful if you want to change a website in production that you can't run locally.</p>
	</li>
	<li>
		<h3><a href="http://getfirebug.com/lite.html" title="Firebug Lite" rel="bookmark">Firebug Lite</a></h3>
		<img src="http://oncemade.com/wp-content/uploads/2009/12/firebug_lite.png" alt="Firebug Lite" />
		<p>If you develop websites in different browsers like I do (webkit nightly build), and can't live without Firebug; Firebug Lite is the way to go. It isn't as powerful as the Firebug add-on but it does a good job if you need to use the console or check for applied styles. Unfortunately, there is no way to change the css on the fly.</p>
	</li>
	<li>
		<h3><a href="http://www.sprymedia.co.uk/article/Design" title="Allan Jardine | Reflections | Design" rel="bookmark">Design</a></h3>
		<img src="http://oncemade.com/wp-content/uploads/2009/12/design_bookmarklet.png" alt="Design Bookmarklet" height="93" width="283" />
		<p>A very cool set of design tools. It includes grid, rule, unit and crosshair. A must have if you are designing in the browser.</p>
	</li>
	<li>
		<h3><a href="http://www.learningjquery.com/2006/12/jquerify-bookmarklet" title="jQuerify Bookmarklet &raquo; Learning jQuery - Tips, Techniques, Tutorials" rel="bookmark">jQuerify</a></h3>
		<p>As expected, it includes jQuery to the page. Very useful if you want to use firebug's console and jQuery selectors.</p>
	</li>
	<li>
		<h3><a href="http://slayeroffice.com/?c=/content/tools/suite.html" title="slayeroffice - web experiments gone horribly awry" rel="bookmark">Favelet Suite</a></h3>
		<p>If you are a fan of the <a href="https://addons.mozilla.org/en-US/firefox/addon/60">web developer toolbar</a> add-on for Firefox, you will love this tool.</p>
	</li>
	<li>
		<h3><a href="http://www.westciv.com/xray/" title="XRAY :: for web developers">xRay</a></h3>
		<p>It displays CSS information of a selected object.</p>
	</li>
	<li>
		<h3><a href="http://leftlogic.com/lounge/articles/microformats_bookmarklet/" title="Microformats Bookmarklet &rsaquo; Left Logic" rel="bookmark">Microformats</a></h3>
		<img src="http://oncemade.com/wp-content/uploads/2009/12/microformats.png" alt="Microformats" />
		<p>Every time I markup a page, I try to use microformats as much as possible. This bookmarklet gives you a list of vCard on the page. Unfortunately, it doesn't display any other micro data. </p>
	</li>
</ol>

<p>If I missed any other bookmarklet, feel free to leave a comment with the link to it.</p>]]></content:encoded>
			<wfw:commentRss>http://oncemade.com/dev-notes-1-bookmarklet/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
