<?xml version="1.0" encoding="iso-8859-1"?>
<?xml-stylesheet type="text/xsl" href="https://www.jsclasses.org/rss2html.xsl"?>
<!-- Generated by: http://www.phpclasses.org/rsswriter $Revision: 1.13 $ -->
<rss version="2.0">
 <channel>
  <description>Latest tutorial videos of packages available in the JS Classes site</description>
  <link>https://www.jsclasses.org/browse/latest/videos.html</link>
  <title>JS Classes: Latest tutorial videos</title>
  <pubDate>Sat, 07 Mar 2026 05:17:41 GMT</pubDate>
  <image>
   <link>https://www.jsclasses.org/browse/latest/videos.html</link>
   <title>JS Classes site logo</title>
   <url>https://files.jsclasses.org/graphics/jsclasses/logo-jsclasses.png</url>
  </image>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/312.html</link>
   <title>JS Form Validator</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/312.html&quot;&gt;JS Auto Form Validator - Captcha Validation example&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;The JS Auto Form Validator is an easy-to-setup form validation script which enables you to handle the whole form validation process without writing any JavaS...&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:00:42&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/312-JavaScript-Validate-forms-according-to-many-rules.html&quot;&gt;JS Form Validator&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Tue, 14 Jan 2014 13:39:56 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/312.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/239.html</link>
   <title>JavaScript Harlem Shake Dance</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/239.html&quot;&gt;Harlem Shake HTML elements&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;HarlemShake class brings popular meme to your website. It allows you to shake HTML elements using CSS keyframe animations in Harlem Shake style, providing up to 9 different shake styles webcodingeasy.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:00:21&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/239-JavaScript-Shake-page-elements-with-CSS-3-keyframe-animations.html&quot;&gt;JavaScript Harlem Shake Dance&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Tue, 19 Feb 2013 21:22:27 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/239.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/184.html</link>
   <title>Page Transitions</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/184.html&quot;&gt;Web page transitions&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;Animated transitions between web pages webcodingeasy.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:01:28&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/184-JavaScript-Show-transitions-when-the-user-leaves-the-page.html&quot;&gt;Page Transitions&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Wed, 01 Aug 2012 13:14:37 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/184.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/177.html</link>
   <title>xLayers</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/177.html&quot;&gt;XLayers class&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;xLayers class webcodingeasy.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:01:41&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/177-JavaScript-Animate-page-elements-stacked-in-different-layers.html&quot;&gt;xLayers&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Tue, 17 Jul 2012 07:54:41 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/177.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/169.html</link>
   <title>Spotlight</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/169.html&quot;&gt;Javascript Spotlight&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;Javascript Spotlight visual cue webcodingeasy.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:01:20&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/169-JavaScript-Show-a-spotlight-over-a-Web-page.html&quot;&gt;Spotlight&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Wed, 27 Jun 2012 12:58:20 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/169.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/159.html</link>
   <title>Whiteboard</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/159.html&quot;&gt;Drawing on websites&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;Drawing on websites webcodingeasy.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:00:56&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/159-JavaScript-Let-the-user-draw-freehand-graphics-on-a-page.html&quot;&gt;Whiteboard&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Tue, 05 Jun 2012 06:40:09 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/159.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/150.html</link>
   <title>Gravity</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/150.html&quot;&gt;Apply physics to HTML elements&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;Apply physics to HTML elements webcodingeasy.com www.screenr.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:00:48&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/150-JavaScript-Animate-page-elements-using-the-laws-of-physics.html&quot;&gt;Gravity&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Wed, 23 May 2012 08:05:10 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/150.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/142.html</link>
   <title>Gestures</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/142.html&quot;&gt;Javascript gesture recogniton&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;Javascript gesture recogniton webcodingeasy.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:00:41&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/142-JavaScript-Recognize-gestures-that-form-configurable-shapes.html&quot;&gt;Gestures&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Thu, 22 Mar 2012 20:17:45 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/142.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/132.html</link>
   <title>Titanium Countdown</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/132.html&quot;&gt;Countdown for Titanium&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;appcodingeasy.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:01:11&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/132-JavaScript-Show-a-time-countdown-in-Titanium-label-objects.html&quot;&gt;Titanium Countdown&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Sun, 12 Feb 2012 10:10:39 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/132.html</guid>
  </item>
  <item>
   <link>https://www.jsclasses.org/browse/video/1/package/103.html</link>
   <title>Light source</title>
   <description>&lt;table style=&quot;width: 60em&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td valign=&quot;top&quot; style=&quot;width: 99%&quot;&gt;&lt;table style=&quot;width: 100%&quot; cellpadding=&quot;2&quot; cellspacing=&quot;0&quot;&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Title: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org/browse/video/1/package/103.html&quot;&gt;Light source object&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Description: &lt;/td&gt;&#10;&lt;td&gt;Light source object webcodingeasy.com&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Duration: &lt;/td&gt;&#10;&lt;td&gt;00:00:25&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;tr&gt;&#10;&lt;td style=&quot;text-align: right; width: 1%&quot;&gt;Package: &lt;/td&gt;&#10;&lt;td&gt;&lt;a href=&quot;https://www.jsclasses.org//package/103-JavaScript-Apply-a-shadow-to-elements-based-on-light-position.html&quot;&gt;Light source&lt;/a&gt;&lt;/td&gt;&#10;&lt;/tr&gt;&#10;&lt;/table&gt;&#10;</description>
   <pubDate>Mon, 23 Jan 2012 07:42:12 GMT</pubDate>
   <guid>https://www.jsclasses.org/browse/video/1/package/103.html</guid>
  </item>
  <textInput>
   <description>Search the JS Classes site</description>
   <link>https://www.jsclasses.org/search.html?go_search=1</link>
   <name>words</name>
   <title>Search</title>
  </textInput>
 </channel>
</rss>