<?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>cdevroe.com &#187; jquery</title>
	<atom:link href="http://cdevroe.com/tag/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://cdevroe.com</link>
	<description>by Colin Devroe</description>
	<lastBuildDate>Thu, 09 Feb 2012 13:49:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>	<atom:link rel='hub' href='http://cdevroe.com/?pushpress=hub'/>
<cloud domain='cdevroe.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Zepto.js &#8211; Mobile JavaScript framework</title>
		<link>http://cdevroe.com/links/zepto/</link>
		<comments>http://cdevroe.com/links/zepto/#comments</comments>
		<pubDate>Sun, 07 Nov 2010 13:07:25 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[zepto]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=4352</guid>
		<description><![CDATA[Doing JavaScript for mobile platforms? Maybe you should check out Zepto.js. Update: Via Kyle Slattery on Twitter: Sencha. I haven&#8217;t yet had any experience using jQuery mobile (I simply do not do too much JavaScript anymore) but I wanted to make sure that any &#8220;competitors&#8221; to such a popular framework gets some attention. Does that [...]]]></description>
			<content:encoded><![CDATA[<p></p>
<p>Doing JavaScript for mobile platforms? Maybe you should <a href="http://zeptojs.com/">check out Zepto.js</a>.</p>
<p><strong>Update:</strong> Via <a href="http://twitter.com/kyleslattery/status/1325769041125376">Kyle Slattery on Twitter</a>: <a href="http://www.sencha.com/products/touch/">Sencha</a>.</p>
<p>I haven&#8217;t yet had any experience using <a href="http://jquerymobile.com/">jQuery mobile</a> (I simply do not do too much JavaScript anymore) but I wanted to make sure that any &#8220;competitors&#8221; to such a popular framework gets some attention. Does that make sense?</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/zepto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wrap text around an image with jQSlickWrap</title>
		<link>http://cdevroe.com/links/jqslickwrap/</link>
		<comments>http://cdevroe.com/links/jqslickwrap/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 13:55:24 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jqslickwrap]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=3213</guid>
		<description><![CDATA[Neat jQuery plugin that makes it dead simple to wrap text around an image. The key point here is that it will actually wrap the text around the contents of the image, not just the bounding box of an image. /via Simon Willison.]]></description>
			<content:encoded><![CDATA[<p>Neat <a href="http://jquery.com/">jQuery</a> plugin that makes it dead simple to <a href="http://jwf.us/projects/jQSlickWrap/">wrap text around an image</a>. The key point here is that it will actually wrap the text around the contents of the image, not just the bounding box of an image.</p>
<p>/via <a href="http://simonwillison.net/2009/Nov/23/jqslickwrap/">Simon Willison</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/jqslickwrap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Add a progress bar to your Viddler uploads</title>
		<link>http://cdevroe.com/links/phpviddleruploadify/</link>
		<comments>http://cdevroe.com/links/phpviddleruploadify/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 12:38:23 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[api]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[open-source]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[phpviddler]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[progress]]></category>
		<category><![CDATA[swfobject]]></category>
		<category><![CDATA[uploadify]]></category>
		<category><![CDATA[uploading]]></category>
		<category><![CDATA[viddler]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=2378</guid>
		<description><![CDATA[We get this question a lot at Viddler: How can I add a progress bar to my uploads using the Viddler API? We&#8217;re always asked if this is something included in our API wrappers. Until now, it hasn&#8217;t been. That&#8217;s where phpViddlerUploadify comes in. This extension to phpViddler, our PHP wrapper for our API, makes [...]]]></description>
			<content:encoded><![CDATA[<p>We get this question a lot at <a href="http://viddler.com/">Viddler</a>: How can I add a progress bar to my uploads using the Viddler API? We&#8217;re always asked if this is something included in <a href="http://developers.viddler.com/projects/api-wrappers/">our API wrappers</a>. Until now, it hasn&#8217;t been. That&#8217;s where <a href="http://developers.viddler.com/projects/api-wrappers/phpviddler/uploadify/">phpViddlerUploadify</a> comes in. This extension to <a href="http://developers.viddler.com/projects/api-wrappers/phpviddler/">phpViddler</a>, our PHP wrapper for <a href="http://developers.viddler.com/documentation/api/">our API</a>, makes it pretty easy to use the open source JavaScript library <a href="http://jquery.com/">jQuery</a> and the extension <a href="http://uploadify.com/">Uploadify</a> to add progress indicators to your Viddler uploads.</p>
<p>Go forth, and hack!  Oh, and <a href="http://code.google.com/p/phpviddleruploadify/">its completely open source too</a>. (More on this later.)</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/phpviddleruploadify/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The CSS Selector proposal explained for CSS noobs</title>
		<link>http://cdevroe.com/notes/css-selectors-for-noobs/</link>
		<comments>http://cdevroe.com/notes/css-selectors-for-noobs/#comments</comments>
		<pubDate>Tue, 06 May 2008 15:45:44 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Notes]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css selectors]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[john resig]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[shaun-inman]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=695</guid>
		<description><![CDATA[Shaun Inman proposed something I didn't understand.  After working through it, I think I understand it.  Here is a noob explanation.]]></description>
			<content:encoded><![CDATA[<p>I am not well versed in CSS. Â I can get around. Â I can make a site look pretty good in Safari and horrible in Internet Explorer (look at this site in IE for a great example). Â But I&#8217;m a hacker at best. Â I fiddle with CSS until something looks right, I don&#8217;t follow conventions or standards, I don&#8217;t know what a box-model hack actually does, and I can&#8217;t even begin to tell you how to write browser specific CSS styles.</p>
<p>If you are a like me then <a href="http://www.shauninman.com/archive/2008/05/05/css_qualified_selectors">Shaun Inman&#8217;s proposal for CSS Selectors</a> will probably leave you with a furled brow.</p>
<p>Rather then being left standing in the dark I tried to wrap my head around what Shaun was trying to accomplish with his proposal. Â I didn&#8217;t get. Â But I wanted to. Â So I setup <a href="http://cdevroe.com/pages/css-selectors.html">a quick example page that illustrated my question</a>. Â I then hopped, skipped, and jumped over the Shaun&#8217;s Web site, and <a href="http://www.shauninman.com/archive/2008/05/05/css_qualified_selectors#comment_3933">asked what I was missing</a>. Â Shaun, kindly andÂ succinctly, <a href="http://www.shauninman.com/archive/2008/05/05/css_qualified_selectors#comment_3935">replied</a>.</p>
<h3>The non-CSS guru explanation of the CSS Selector proposal</h3>
<p>I can&#8217;t be sure that any of you reading this are in the same boat as I was. Â In fact, I&#8217;m sitting here thinking at all of you are smarter than I am when it comes to these things, and that you&#8217;re not even reading this right now. Â But if you are, and you&#8217;d like to understand this debate a little further, here is as simple an explanation as I can give.</p>
<p><em>A style can not be attributed to a parent element when a specific child element is present.</em></p>
<p>I don&#8217;t even know if I worded that correctly. Â I&#8217;m pretty sure I didn&#8217;t. Â So here is the long-winded version. Â In Shaun&#8217;s first example he shows that an image, that is wrapped with a link, would have the same style as a normal link. Â The problem is that, currently, CSS can not determine the differences between a normal link and a link that has an image within it. Â It just isn&#8217;t &#8220;smart&#8221; enough. Â That is, without the help of something that runs after the <abbr title="Document Object Model">DOM</abbr> has loaded fully like the awe-inspiring <a href="http://ejohn.org/blog/qualified-selectors-in-jquery/">John Resig&#8217;s jQuery plugin</a>.</p>
<p>Here is a quick explanation of what John Resig&#8217;s JavaScript is doing. Â Once the page loads, jQuery parses through the entire HTML document, determines which links &#8220;has images&#8221; (<a href="http://docs.jquery.com/Selectors/has#selector">see documentation here</a>) and then you may run specific JavaScript functions on those links specifically. Â You could, for example, add classes to those links dynamically with jQuery, rather than mucking up your code with classes inline.</p>
<p>Shaun&#8217;s proposal is to help make CSS, and browsers, &#8220;smart&#8221; enough to determine when styles <em>should be</em> attributed to links and <em>when not to be attributed</em> to links that contain images. Â This was only his first example, Shaun gives others.</p>
<p>I really hope I did an okay job explaining this for those of you that, like me, didn&#8217;t understand it before pounding my head against my desk.</p>
<h3>Addendum</h3>
<p>Shaun has hit me back with a succinctÂ definitionÂ that correctly uses the lingo.</p>
<blockquote><p>&#8220;CSS allows you to style elements based on their parent/ancestor elements but it does not allow you to style a parent element based on the presence of a descendant element.&#8221;</p></blockquote>
<p>You can look backwards, but you can&#8217;t look forwards. Â Thanks Shaun!</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/notes/css-selectors-for-noobs/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

