<?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>Earthman&#039;s Blog &#187; Web Design</title>
	<atom:link href="http://earthman.ca/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://earthman.ca</link>
	<description>Website Consultant, Wordpress Web Designer, 80&#039;s DJ, Existentialist, and more...</description>
	<lastBuildDate>Mon, 06 Feb 2012 05:08:25 +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>Plugins + Jquery</title>
		<link>http://earthman.ca/web-design/plugins-jquery/</link>
		<comments>http://earthman.ca/web-design/plugins-jquery/#comments</comments>
		<pubDate>Mon, 30 Mar 2009 10:22:30 +0000</pubDate>
		<dc:creator>Earthman</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Website Consulting]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Wordpress Development]]></category>
		<category><![CDATA[Wordpress Plugins]]></category>

		<guid isPermaLink="false">http://earthman.ca/?p=23</guid>
		<description><![CDATA[Hi Fellow WordPress Fans! Here are some WordPress plugins you will likely find useful&#8230; My Page Order &#8211; Easy drag and drop ordering of your pages &#8211; Access under Pages &#62; Page Order Cleaner Gallery &#8211; Makes it easy to integrate the Worpress built in photo gallery feature with Shadowbox (or other lightbox scripts) &#8211; or just simply removes the styles that wordpress injects natively, so you can use your own more easily ShadowboxJS - Activates overlay lightbox-style effects for your Image links.  Also works with Iframes, HTML content, Videos, SWF, etc.  Super frikkin cool!  Check out what it can do at:http://mjijackson.com/shadowbox &#8211; The wordpress plugin install will give you immediate access to all the functionality. WP-SIFR &#8211; Change Page titles (h1,h2, etc) into Flash-Rendered Text, using the SIFR font of your choice (find em on google) &#8211; Degrades gracefully and doesn&#8217;t affect accessibility at all CFORMSII &#8211; get the latest version &#8211; Stop coding forms, auto-verification, Captcha support etc.  YEAH! &#8212;- Also, for front end Javascript fancy FX &#8211; Check out JQuery http://jquery.com/ There are frameworks (prototype, mootools) but I like Jquery so far &#8211; the syntax is easy, and there are lots of plugins around.  Downside, sometimes can [...]


Related posts:<ol><li><a href='http://net.tutsplus.com/tutorials/wordpress/create-wordpress-plugins-with-oop-techniques/' rel='bookmark' title='Permanent Link: Create WordPress Plugins with OOP Techniques'>Create WordPress Plugins with OOP Techniques</a></li>
<li><a href='http://earthman.ca/css/wanted-jquerycss-ninja/' rel='bookmark' title='Permanent Link: Wanted &#8211; JQuery/CSS Ninja'>Wanted &#8211; JQuery/CSS Ninja</a></li>
<li><a href='http://feedproxy.google.com/~r/nettuts/~3/HREm42bOVe8/' rel='bookmark' title='Permanent Link: What you Should be Excited About in jQuery UI 1.9'>What you Should be Excited About in jQuery UI 1.9</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Hi Fellow <span class="il">WordPress</span> Fans!</p>
<p>Here are some <span class="il">WordPress</span> plugins you will likely find useful&#8230;</p>
<p><strong>My Page Order</strong> &#8211; Easy drag and drop ordering of your pages &#8211; Access under Pages &gt; Page Order<br />
<strong><br />
Cleaner Gallery</strong> &#8211; Makes it easy to integrate the Worpress built in photo gallery feature with Shadowbox (or other lightbox scripts) &#8211; or just simply removes the styles that <span class="il">wordpress</span> injects natively, so you can use your own more easily</p>
<p><strong>ShadowboxJS </strong>- Activates overlay lightbox-style effects for your Image links.  Also works with Iframes, HTML content, Videos, SWF, etc.  Super frikkin cool!  Check out what it can do at:<a href="http://mjijackson.com/shadowbox" target="_blank">http://mjijackson.com/shadowbox</a> &#8211; The <span class="il">wordpress</span> plugin install will give you immediate access to all the functionality.<br />
<strong><br />
WP-SIFR</strong> &#8211; Change Page titles (h1,h2, etc) into Flash-Rendered Text, using the SIFR font of your choice (find em on google) &#8211; Degrades gracefully and doesn&#8217;t affect accessibility at all<br />
<strong><br />
CFORMSII</strong> &#8211; get the latest version &#8211; Stop coding forms, auto-verification, Captcha support etc.  YEAH!</p>
<p>&#8212;-</p>
<p>Also, for front end Javascript fancy FX &#8211; Check out <span class="il">JQuery</span> <a href="http://jquery.com/" target="_blank">http://<span class="il">jquery</span>.com/</a></p>
<p>There are frameworks (prototype, mootools) but I like <span class="il">Jquery</span> so far &#8211; the syntax is easy, and there are lots of plugins around.  Downside, sometimes can get heavy on load times if you get too many plugins involved.</p>
<p>AND, <span style="text-decoration: underline"><strong><span class="il">Jquery</span> is already bundled in <span class="il">WordPress</span></strong></span> which makes the install easy as pie!</p>
<p>To activate and use the core in your <span class="il">WordPress</span> theme, just do the following:</p>
<p>In your theme&#8217;s <strong>functions.php</strong> file, include the following function call:</p>
<div style="margin-left: 40px"><strong>wp_enqueue_script(&#8216;<span class="il">jquery</span>&#8216;);<br />
</strong></div>
<p>That will load the <span class="il">Jquery</span> 1.2.6 base file in your wp_head, and put the script into your page&#8217;s head section automagically.</p>
<p>Then, copy the following into your template&#8217;s <strong>header.php</strong> file,  <strong>AFTER </strong>&lt;?php wp_head(); ?&gt; and after all your stylesheets and CSS:</p>
<div style="margin-left: 40px"><strong>&lt;script type=&#8221;text/javascript&#8221;&gt;</strong></p>
<div style="margin-left: 40px"><strong><span class="il">jQuery</span>.noConflict();</strong> // loads <span class="il">Jquery</span> and makes sure it won&#8217;t conflict with other libraries<br />
<strong> var $ = <span class="il">jQuery</span>; </strong>// assigns $ to the <span class="il">Jquery</span> object/library for ease of use and plugin file access</p>
<p><strong> $(document).ready(function() {</strong> <strong> </strong> // this is <span class="il">jquery</span>&#8216;s version of window.onload</div>
<div style="margin-left: 80px"><strong> </strong>//<span class="il">jquery</span> &#8216;on page load&#8217; code assignments go here</p>
<p><strong> alert(&#8216;page loaded&#8217;);</strong> //sample of action to perform on page load</div>
<div style="margin-left: 40px"><strong> });</strong></div>
<p><strong>&lt;/script&gt; </strong></div>
<p>There, with the snippet above you will see that an alert pops up on page load, showing that <span class="il">Jquery</span> is up and working.</p>
<p>Have fun!!!!<br />
<span style="color: #888888"> T<br />
</span></p>


<p>Related posts:<ol><li><a href='http://net.tutsplus.com/tutorials/wordpress/create-wordpress-plugins-with-oop-techniques/' rel='bookmark' title='Permanent Link: Create WordPress Plugins with OOP Techniques'>Create WordPress Plugins with OOP Techniques</a></li>
<li><a href='http://earthman.ca/css/wanted-jquerycss-ninja/' rel='bookmark' title='Permanent Link: Wanted &#8211; JQuery/CSS Ninja'>Wanted &#8211; JQuery/CSS Ninja</a></li>
<li><a href='http://feedproxy.google.com/~r/nettuts/~3/HREm42bOVe8/' rel='bookmark' title='Permanent Link: What you Should be Excited About in jQuery UI 1.9'>What you Should be Excited About in jQuery UI 1.9</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://earthman.ca/web-design/plugins-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

