<?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>WebServiceable &#187; Bookmarklet</title>
	<atom:link href="http://webserviceable.com/tag/bookmarklet/feed/" rel="self" type="application/rss+xml" />
	<link>http://webserviceable.com</link>
	<description>Mashups, APIs, Custom APIs. Information Shared.</description>
	<lastBuildDate>Mon, 23 Nov 2009 19:10:32 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Introducing SelectorGadget &#8211; Dapper Style DOM Selection for JQuery, Javascript, and beyond</title>
		<link>http://webserviceable.com/2009/02/27/introducing-selectorgadget-dapper-style-dom-selection-for-jquery-javascript-and-beyond/</link>
		<comments>http://webserviceable.com/2009/02/27/introducing-selectorgadget-dapper-style-dom-selection-for-jquery-javascript-and-beyond/#comments</comments>
		<pubDate>Fri, 27 Feb 2009 18:30:57 +0000</pubDate>
		<dc:creator>electBlake</dc:creator>
				<category><![CDATA[Data Extraction]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Bookmarklet]]></category>
		<category><![CDATA[Dapper.net]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JQuery]]></category>
		<category><![CDATA[SelectorGadget]]></category>

		<guid isPermaLink="false">http://webserviceable.com/?p=105</guid>
		<description><![CDATA[+  = ?
I caught a jquery tweet today that linked me to an interesting little helper bookmarklet called &#8220;SelectorGadget&#8221;.
&#8220;SelectorGadget is an open source bookmarklet that makes CSS selector generation and discovery on complicated sites a breeze.&#8221;

SelectorGadget, is a very easy to use bookmarklet that can be used on any website of your choosing (Although [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><img src="http://theappslab.com/wp-content/uploads/2009/01/inspector-gadget.jpg" alt="InspectorGadget" width="173" height="200" /><strong><span style="font-size: x-large;">+</span></strong> <img class="alignnone size-full wp-image-106" title="JQuery" src="http://webserviceable.com/wp-content/uploads/2009/02/picture-8.png" alt="JQuery" width="236" height="78" /> <strong><span style="font-size: x-large;">= ?</span></strong><strong></strong></p>
<p>I caught a <a href="http://twitter.com/jquery/status/1258925790" target="_blank" >jquery tweet</a> today that linked me to an interesting little helper bookmarklet called &#8220;SelectorGadget&#8221;.</p>
<blockquote><p>&#8220;SelectorGadget is an open source bookmarklet that makes <a href="http://www.w3.org/TR/CSS2/selector.html" target="_blank" >CSS selector</a> generation and discovery on complicated sites a breeze.&#8221;</p>
</blockquote>
<p><a href="http://www.selectorgadget.com" target="_blank" title="SelectorGadget" ><strong>SelectorGadget</strong></a>, is a very easy to use bookmarklet that can be used on any website of your choosing (Although someone in the comments DID have a problem with scraping a site that is NTFW <img src='http://webserviceable.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  )</p>
<p>To get started with <strong>SelectorGadget</strong>, <a href="http://www.selectorgadget.com" target="_blank" >head over to their humble website</a>, and install the bookmarklet and watch the video. Anyone with experience in Data Extraction (Hpricot or Beautiful Soup &#8211; as the website suggests), will immedately see the benefits of this little application.</p>
<p>With apparent support from JQuery, and its <a href="http://github.com/iterationlabs/selectorgadget/tree/master" target="_blank" title="SelectorGadget @ github.com" >open-source repository over at github</a>, I think SelectorGadget will be able to spawn alot of interest within the various Javascript and DOM Selection/Extraction camp&#8217;s around the internet.</p>
<p>Some ideas for you guys to dig your teeth into after the fold.</p>
<p><span id="more-105"></span></p>
<h3>My Forseeable Uses for SelectorGadget and its Algorythms:</h3>
<ol>
<li>Speed up creation of <a href="http://en.wikipedia.org/wiki/Greasemonkey" target="_blank" title="GreaseMonkey" >GreaseMonkey</a> userscripts(<a href="http://userscripts.org" target="_blank" title="GreaseMonkey Userscripts.org" >.org</a>) for those of us who rely on JQuery for our javascript prowess.</li>
<li>Make DOM Selection in your own Javascript Applications (jquery included), MUCH MUCH easier</li>
<li>Dynamic JQuery plugins for data extraction &#8211; Make more versitile plugins to manage dynamic datasets.
<ul>
<li>For Example:
<ul>
<li>Creation a plugin that adds dom to specific element types of a page (mp3 player to mp3 links)</li>
<li>Generalize the selection of the mp3 links</li>
<li>Drop in mp3 player plugin to any page w/out any need to initilize</li>
</ul>
</li>
</ul>
</li>
<li>Creation of your own <a href="http://dapper.net" target="_blank" title="Dapper.net" >Dapper Engine</a>????????
<ul>
<li>For instance if you could (hypothetically) get jaxer running this javascript selection engine. Then maybe&#8230; you could be running a serverside DOM Selector engine with native ajax-scraping abilities&#8230;Hrrmm&#8230;</li>
</ul>
</li>
<li>Quick Ruby Data Extraction &amp; Screen Scraping
<ul>
<li><a href="http://wiki.github.com/why/hpricot" target="_blank" title="Ruby's Hpricot gem" >Hpricot</a>, or better yet <a href="http://github.com/scrubber/scrubyt" target="_blank" >scrubyt</a>, OR even better still <a href="http://github.com/scrubber/scrubyt/tree/skimr" target="_blank" >skimr</a> (the re-factored scrubyt for those of you who have been paying attention)</li>
</ul>
</li>
<li>SelectorGadget to <a href="http://code.google.com/p/phpquery/" target="_blank" title="phpQuery - a php port of JQuery" >phpQuery</a> ? &#8211; phpQuery is a dom selector engine for php designed to be a port of JQuery to php. Its pretty good but a little slow for my liking.</li>
</ol>
<h3>The Death of PHP in Data Extraction</h3>
<p>Yes, I am calling it. This is not breaking news as Ruby&#8217;s scrubyt (and its driving forces WWW:Mechanize and Hpricot), have been dominating the &#8220;custom api creation&#8221; process for awhile now. Still, php is so common and easy to get up and running its hard for me drop it all together.</p>
<p>Software like SelectorGadget gives me even more reason to move away from php and work on my Ruby development more. As an interim solution (in the interest of time) I imagine myself using Ruby for my data and php for my presentation.</p>
<p>OR, if I can finally get a solid native jaxer server running I could simply use my javascript skills to properly deploy my data extraction javascript applications. (If your a jaxer master, please message me, I&#8217;ve tried numerous times with limited success)</p>
<p>Until I am a ruby master (which might take time as I&#8217;m learning far too many languages atm), I am going to see what I can hack out of the SelectorGadget engine. Its algorithms might unlock a very cool selector engine for php (aka an improved or refactored phpQuery <img src='http://webserviceable.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> )</p>
<p><br class="spacer_" /></p>
<p>Anyway, I think SelectorGadget has ALOT of promise and I see this accomplishment echoing through a lot of different technologies and software. I know I am going to dig into it and see what I can do. I&#8217;ll be sure to report all of my findings to you good people.</p>
<p>Happy api&#8217;ing.</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://webserviceable.com/2009/02/27/introducing-selectorgadget-dapper-style-dom-selection-for-jquery-javascript-and-beyond/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
