<?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>Spoonfed Project &#187; HTML</title>
	<atom:link href="http://spoonfedproject.com/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://spoonfedproject.com</link>
	<description>Feeding developers quality resources from across the web</description>
	<lastBuildDate>Sun, 03 Apr 2011 12:34:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Using Regular Expressions with Dreamweaver&#8217;s Find and Replace</title>
		<link>http://spoonfedproject.com/html/using-regular-expressions-with-dreamweavers-find-and-replace/</link>
		<comments>http://spoonfedproject.com/html/using-regular-expressions-with-dreamweavers-find-and-replace/#comments</comments>
		<pubDate>Sat, 12 Sep 2009 00:39:33 +0000</pubDate>
		<dc:creator>brobison</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[dreamweaver]]></category>
		<category><![CDATA[regular expressions]]></category>

		<guid isPermaLink="false">http://spoonfedproject.com/?p=204</guid>
		<description><![CDATA[Having had the pleasureable task of cleaning up code, I&#8217;ve found using regular expressions with Dreamweaver&#8217;s Find and Replace tool to be a lifesaver. Say you have several links on a page that need to be updated so they all point to the same url. Instead of manually changing every link, we&#8217;ll let Dreamweaver&#8217;s Find ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://spoonfedproject.com/html/using-regular-expressions-with-dreamweavers-find-and-replace/" title="Using Regular Expressions with Dreamweaver's Find and Replace"><img src="http://spoonfedproject.com/wp-content/uploads/2009/09/regular-expressions.png" alt="Using Regular Expressions with Dreamweaver's Find and Replace" /></a></p>
<p>Having had the pleasureable task of cleaning up code, I&#8217;ve found using regular expressions with Dreamweaver&#8217;s Find and Replace tool to be a lifesaver.</p>
<p>Say you have several links on a page that need to be updated so they all point to the same url. Instead of manually changing every link, we&#8217;ll let Dreamweaver&#8217;s Find and Replace tool and regular expressions automate this for us.</p>
<p><span id="more-204"></span></p>
<p><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0' width='560' height='345'><param name='movie' value='http://screenr.com/Content/assets/screenr_0817090731.swf' /><param name='flashvars' value='i=11726' /><param name='allowFullScreen' value='true' /><embed src='http://screenr.com/Content/assets/screenr_0817090731.swf' flashvars='i=11726' allowFullScreen='true' width='560' height='345' pluginspage='http://www.macromedia.com/go/getflashplayer'></embed></object></p>
<p><em>The magic behind this is using our little expression: [^"]*</em></p>
<p>Here&#8217;s a breakdown of what these characters are doing.</p>
<ul>
<li>^ Match any character starting from this point</li>
<li>&#8221; Stop once you&#8217;ve reached a quote</li>
<li>* Match the preceding character zero or more times</li>
</ul>
<p>Basically, this means we want to find whatever information is between the two quotes and replace it.</p>
<p>Regular expressions are a very valuable tool. The expression above is only one way in which they can be used. For an in depth tutorial, checkout <a href="http://blog.themeforest.net/screencasts/regular-expressions-for-dummies/" title="ThemeForest's - Regular Expressions for Dummies">ThemeForest&#8217;s &#8211; Regular Expressions for Dummies</a>.</p>
<p>Just a word of caution&#8230; please be sure to make a backup copy first. If you ever need to refer back to the original, or if you accidently replaced code that you shouldn&#8217;t have, you&#8217;ll thank yourself later.</p>
]]></content:encoded>
			<wfw:commentRss>http://spoonfedproject.com/html/using-regular-expressions-with-dreamweavers-find-and-replace/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Fullsize, a new jQuery lightbox plugin and IMG Attribute</title>
		<link>http://spoonfedproject.com/jquery/fullsize-a-new-jquery-lightbox-plugin-and-attribute/</link>
		<comments>http://spoonfedproject.com/jquery/fullsize-a-new-jquery-lightbox-plugin-and-attribute/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 16:01:28 +0000</pubDate>
		<dc:creator>brobison</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://spoonfedproject.com/?p=177</guid>
		<description><![CDATA[Fullsize is an attempt to add a new IMG attribute called &#8220;fullsize&#8221; in the next version of HTML. The idea is simple; create a standardized solution by which browsers handle the image popups rather than javascript/AJAX. Whenever the fullsize attribute is found within the img tag, browsers would tackle the heavy lifting, generating a popup ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://spoonfedproject.com/jquery/fullsize-a-new-jquery-lightbox-plugin-and-attribute" title="a new jQuery plugin and IMG attribute"><img src="http://spoonfedproject.com/wp-content/uploads/2009/03/fullsize-attribute.jpg" alt="A New jQuery Plugin and IMG Attribute" /></a></p>
<p><a href="http://www.addfullsize.com/" title="a new jQuery plugin and IMG attribute">Fullsize</a> is an attempt to add a new IMG attribute called &#8220;fullsize&#8221; in the next version of HTML. The idea is simple; create a standardized solution by which browsers handle the image popups rather than javascript/AJAX. Whenever the fullsize attribute is found within the img tag, browsers would tackle the heavy lifting, generating a popup of the full size image.</p>
<p><span id="more-177"></span></p>
<p><object width="558" height="349"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3934148&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=7fb2ff&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3934148&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=0&amp;show_portrait=0&amp;color=7fb2ff&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="558" height="349"></embed></object></p>
<p>Although I&#8217;m still on the fence about this, there are a few aspects that I find interesting. For one, image popups would continue functioning even for users where javascript is disabled. Because this is handled by the browser, less code would need to be written by the developer.</p>
<p>Sounds great, but what if I want to control this myself using jQuery, Mootools or another javascript framework? No problem! The <a href="http://spoonfedproject.com/jquery/extensive-list-of-jquery-lightbox-modal-plugins/">hundreds of lightbox plugins</a> already out there in cyberspace will continue working as intended. Browsers will only step in when the img tag is accompanied by the fullsize attribute.</p>
<p>Who knows if this idea will ever come to fruition. In the meantime however, a <a href="http://www.addfullsize.com/" title="a new jQuery plugin and IMG attribute">jQuery plugin</a> has been created for all to enjoy!</p>
]]></content:encoded>
			<wfw:commentRss>http://spoonfedproject.com/jquery/fullsize-a-new-jquery-lightbox-plugin-and-attribute/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Easily convert characters to HTML entities</title>
		<link>http://spoonfedproject.com/html/easily-convert-characters-to-html-entities/</link>
		<comments>http://spoonfedproject.com/html/easily-convert-characters-to-html-entities/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 04:09:10 +0000</pubDate>
		<dc:creator>brobison</dc:creator>
				<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://spoonfedproject.com/?p=157</guid>
		<description><![CDATA[Posting code within a comment or post can often be a royal pain! Converting every instance of an HTML bracket from &#8220;&#60;&#8221; and &#8220;&#62;&#8221; to &#8220;&#38;lt;&#8221; and &#8220;&#38;gt;&#8221;, is not only frustrating but a complete waist of time. Fortunately, there are a few websites out there that will do the dirty work for us. These ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://spoonfedproject.com/html/easily-convert-characters-to-html-entities"><img src="http://spoonfedproject.com/wp-content/uploads/2009/03/postable.png" alt="postable" title="postable" width="546" height="200" class="aligncenter size-full wp-image-158" /></a></p>
<p>Posting code within a comment or post can often be a royal pain! Converting every instance of an HTML bracket from &#8220;&lt;&#8221; and &#8220;&gt;&#8221; to &#8220;&amp;lt;&#8221; and &#8220;&amp;gt;&#8221;, is not only frustrating but a complete waist of time. Fortunately, there are a few websites out there that will do the dirty work for us.</p>
<p><span id="more-157"></span><code></p>
<p>These converters will also handle the following <a href="http://www.w3schools.com/tags/ref_entities.asp" title="HTML Characters and Symbols">HTML characters</a> converting them to their respective <a href="http://www.w3schools.com/tags/ref_entities.asp" title="HTML Characters and Symbols">HTML entities</a>.</p>
<ol>
<li>&lt; to &amp;lt;</li>
<li>&gt; to &amp;gt;</li>
<li>&#039; to &amp;#039;</li>
<li>&quot; to &amp;quot;</li>
<li>&amp; to &amp;amp;</li>
</ol>
<h4>Postable</h4>
<p>Postable seems to be the complete package since it converts all HTML characters and symbols.</p>
<p>Link: <a href="http://www.elliotswan.com/postable/" title="Postable">http://www.elliotswan.com/postable/</a></p>
<h4>i Make Postable</h4>
<p>This is fine for most situations, but it doesn't support conversion for HTML symbols.</p>
<p>Link: <a href="http://www.khurshid.com/i-make-postable/" title="i Make Postable">http://www.khurshid.com/i-make-postable/</a></p>
<h4>Postable (Noteslog)</h4>
<p>I found this to be identical to i Make Postable.</p>
<p>Link: <a href="http://noteslog.com/personal/projects/postable/" title="Postable (Noteslog)">http://noteslog.com/personal/projects/postable/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://spoonfedproject.com/html/easily-convert-characters-to-html-entities/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

