<?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>Websites for Small Biz &#187; jQuery</title>
	<atom:link href="http://biz.leoraw.com/category/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://biz.leoraw.com</link>
	<description>WordPress, Social Media, Twitter Talk, Business, SEO</description>
	<lastBuildDate>Tue, 07 Feb 2012 12:46:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Enhancing with jQuery</title>
		<link>http://biz.leoraw.com/enhancing-with-jquery/</link>
		<comments>http://biz.leoraw.com/enhancing-with-jquery/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 14:40:43 +0000</pubDate>
		<dc:creator>Leora Wenger</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://biz.leoraw.com/?p=1247</guid>
		<description><![CDATA[One can use jQuery to toggle content seen on a page.  As an example, a services page is rewritten from HTML only to PHP to jQuery with toggle ability.  The process is explained and before and after screenshots posted, along with link to jQuery tutorial, suggestions of places to save tutorial links and a browser compatibility app for IE.]]></description>
			<content:encoded><![CDATA[<p>Every day people are tweeting links on Twitter with jQuery tips (see <a href="http://biz.leoraw.com/2009/10/6-ways-to-learn-jquery/">how do I learn jQuery</a>).  If you want to see, go to <a href="http://search.twitter.com/">Twitter search</a> and type &#8220;#jQuery&#8221; or &#8220;jquery&#8221;.  Recently Kevin of Queness posted <a href="http://www.queness.com/post/1743/create-a-fast-and-simple-toggle-view-content-with-jquery">Create a Fast and Simple Toggle View Content with jQuery</a>.  At quick glance it looked good; in fact, it looked like a tutorial that might enhance my old Services page.  So, as one does with hair salon makeovers, here is the <strong>before</strong>:<br />
<a href="http://www.leoraw.com/services/"><img src="http://biz.leoraw.com/wp-content/uploads/2010/02/services_before.jpg" alt="Services for Large and Small Websites page" title="services_before" width="550" height="348" class="alignnone size-full wp-image-1251" /></a><br />
If you click on it, you can see the <strong>after</strong>, how I redid the page with the jQuery tutorial.</p>
<p>As with many links I find, I don&#8217;t have time immediately to implement the tutorial.  So I save the links I like to Delicious, a social bookmarking site.  See my <a href="http://delicious.com/leoraw">Delicious bookmarks here</a>.  Another place you can save favorite links for later perusal is <a href="http://www.stumbleupon.com/">StumbleUpon</a>.</p>
<p>One of the reasons why I liked the idea of switching from the previous way I had set up the page is the new version is much easier to edit.  The original way I set up the page, way back in about 2001, was with separate HTML files for each page.  That method, if you have ever tried it, is a real pain to edit.  Every time you make changes to one page, you have to update all the others.  Then about two years ago I redid the page in PHP; better, because now I only had one page to edit, but one had to remember where everything was on the page and search if one wanted to do edits.  With Kevin&#8217;s jQuery plugin, I am editing simple unordered lists &#8211; here is a sample piece of the code:</p>
<div class="code_box">
&lt;ul id=&#8221;toggle-view&#8221;&gt;<br />
 &nbsp; &nbsp; &nbsp;&lt;li&gt;<br />
 &nbsp; &nbsp; &nbsp; &lt;h3&gt; &lt;img src=&#8221;../images/bullet/blue_square.gif&#8221; width=&#8221;10&#8243; height=&#8221;10&#8243; border=&#8221;0&#8243; alt=&#8221;square&#8221;&gt;&nbsp;Create a one to five page website.&lt;/h3&gt;</p>
<p> &nbsp; &nbsp; &nbsp;&lt;span&gt;+ &lt;/span&gt;<br />
 &lt;p&gt;Work with Leora to create a site of just a few pages.  She can help<br />
		with registering a domain name, setting up a hosting service, and setting up email with your company&#8217;s name.</p>
<p>		You provide the text and work together with Leora to select the graphics and page layout.  The site will be search-engine ready! If you want to update the site yourself, it can be set up in WordPress. Small sites are available for a flat fee.&lt;/p&gt;<br />
 &nbsp; &nbsp; &nbsp; &lt;/li&gt;<br />
 &nbsp; &nbsp; &nbsp; &lt;li&gt;  &#8230; etc. &#8230;</p>
</div>
<p>And here is how the page looks now:<br />
<img src="http://biz.leoraw.com/wp-content/uploads/2010/02/services_after.jpg" alt="services page after jquery applied" title="services_after" width="550" height="415" class="alignnone size-full wp-image-1266" /></p>
<p>Just to be sure it looked OK in IE6, because despite web developers and designers disliking the rendering abilities of IE6 many people still use that browser, I checked the new Services page with <a href="http://ipinfo.info/netrenderer/">IE NetRenderer</a>.  It looked just fine.</p>
<img src="http://biz.leoraw.com/?ak_action=api_record_view&id=1247&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://biz.leoraw.com/enhancing-with-jquery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>6 Ways to Learn jQuery</title>
		<link>http://biz.leoraw.com/6-ways-to-learn-jquery/</link>
		<comments>http://biz.leoraw.com/6-ways-to-learn-jquery/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 20:32:46 +0000</pubDate>
		<dc:creator>Leora Wenger</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://biz.leoraw.com/?p=85</guid>
		<description><![CDATA[You can implement jQuery plugins without really learning jQuery, but to get full use of this powerful client-side library, try these six suggestions to get started in your jQuery education.]]></description>
			<content:encoded><![CDATA[<p>You can implement jQuery plugins without really learning jQuery, but to get full use of this powerful client-side library, try these six suggestions to get started in your jQuery education:</p>
<hr />
<div class="box_num">1</div>
<p>Follow the <a href="http://docs.jquery.com/Tutorials">tutorials on jQuery site</a>.  The list is quite extensive, seems to get updated, and includes events, Ajax, images, CSS and plugin development.</p>
<hr />
<div class="box_num">2</div>
<p><strong>Learning jQuery</strong>: <a href="http://www.learningjquery.com/">http://www.learningjquery.com/</a><br />
This is a site dedicated to teaching jQuery, from beginner to advanced.  One can keep up with the site by subscribing to the RSS feed.</p>
<hr />
<div class="box_num">3</div>
<p><img src="http://biz.leoraw.com/wp-content/uploads/2009/10/bibeault_cover.jpg" alt="bibeault_cover" title="bibeault_cover" width="78" height="95" class="alignright size-full wp-image-119" />Read <a href="http://www.manning.com/bibeault/">jQuery in Action</a> by Bear Bibeault And Yehuda Katz<br />
The book teaches important jQuery concepts such as the document ready handler, utility functions, filters and wrapped sets, understanding events and chaining.<br />
<a href="http://www.bennadel.com/index.cfm?dax=blog:1733.view">Read a review of this book</a>.</p>
<hr />
<div class="box_num">4</div>
<p><img src="http://biz.leoraw.com/wp-content/uploads/2009/10/learningjQuery.jpg" alt="learningjQuery" title="learningjQuery" width="77" height="95" class="alignright size-full wp-image-125" /> Read <a href="http://www.packtpub.com/learning-jquery-1.3/book/mid/220409c024ep">Learning jQuery 1.3</a> by Jonathan Chaffer and Karl Swedberg<br />
This book is packed with examples of jQuery such as column highlighting, an image carousel, and enhanced forms. You will learn about the journey of an event and inserting new elements.  There is a nice section in the back of sample plugins.</p>
<div>&nbsp;</div>
<hr />
<div class="box_num">5</div>
<p>Follow this tutorial:   <a href="http://net.tutsplus.com/articles/web-roundups/jquery-for-absolute-beginners-video-series/">jQuery for Absolute Beginners: The Complete Series</a> &#8211; as the series is labeled, it really is for beginners.  So if you are an experienced programmer, you may want to delve into the <em>jQuery in Action</em> book instead to learn how jQuery is unique. </p>
<hr />
<div class="box_num">6</div>
<p><strong>Take a jQuery plugin and modify one or two parts of it.</strong><br />
Many of the jQuery posts on the web are lists of plugins that you can implement on a site without knowing much jQuery.  To learn more, so you can write your own useful code, take an example from one of these posts and modify it slightly:</p>
<ul>
<li><a href="http://www.noupe.com/tutorial/51-best-of-jquery-tutorials-and-examples.html">51+ Best of jQuery Tutorials and Examples</a></li>
<li><a href="http://www.instantshift.com/2009/02/05/40-excellent-jquery-tutorials/">40+ Excellent jQuery Tutorials</a></li>
</ul>
<p>If you have your own suggestion for learning jQuery, feel free to leave your method in the comments.</p>
<img src="http://biz.leoraw.com/?ak_action=api_record_view&id=85&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://biz.leoraw.com/6-ways-to-learn-jquery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

