Latest tutorial videos of packages available in the JS Classes site https://www.jsclasses.org/browse/latest/videos.html 2026-04-15T01:18:39Z https://www.jsclasses.org/browse/latest/videos.html https://files.jsclasses.org/graphics/jsclasses/logo-jsclasses.png https://www.jsclasses.org/browse/video/1/package/312.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/312.html">JS Auto Form Validator - Captcha Validation example</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>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...</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:00:42</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/312-JavaScript-Validate-forms-according-to-many-rules.html">JS Form Validator</a></td> </tr> </table> 2014-01-14T13:39:56Z https://www.jsclasses.org/browse/video/1/package/239.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/239.html">Harlem Shake HTML elements</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>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</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:00:21</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/239-JavaScript-Shake-page-elements-with-CSS-3-keyframe-animations.html">JavaScript Harlem Shake Dance</a></td> </tr> </table> 2013-02-19T21:22:27Z https://www.jsclasses.org/browse/video/1/package/184.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/184.html">Web page transitions</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>Animated transitions between web pages webcodingeasy.com</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:01:28</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/184-JavaScript-Show-transitions-when-the-user-leaves-the-page.html">Page Transitions</a></td> </tr> </table> 2012-08-01T13:14:37Z https://www.jsclasses.org/browse/video/1/package/177.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/177.html">XLayers class</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>xLayers class webcodingeasy.com</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:01:41</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/177-JavaScript-Animate-page-elements-stacked-in-different-layers.html">xLayers</a></td> </tr> </table> 2012-07-17T07:54:41Z https://www.jsclasses.org/browse/video/1/package/169.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/169.html">Javascript Spotlight</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>Javascript Spotlight visual cue webcodingeasy.com</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:01:20</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/169-JavaScript-Show-a-spotlight-over-a-Web-page.html">Spotlight</a></td> </tr> </table> 2012-06-27T12:58:20Z https://www.jsclasses.org/browse/video/1/package/159.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/159.html">Drawing on websites</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>Drawing on websites webcodingeasy.com</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:00:56</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/159-JavaScript-Let-the-user-draw-freehand-graphics-on-a-page.html">Whiteboard</a></td> </tr> </table> 2012-06-05T06:40:09Z https://www.jsclasses.org/browse/video/1/package/150.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/150.html">Apply physics to HTML elements</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>Apply physics to HTML elements webcodingeasy.com www.screenr.com</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:00:48</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/150-JavaScript-Animate-page-elements-using-the-laws-of-physics.html">Gravity</a></td> </tr> </table> 2012-05-23T08:05:10Z https://www.jsclasses.org/browse/video/1/package/142.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/142.html">Javascript gesture recogniton</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>Javascript gesture recogniton webcodingeasy.com</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:00:41</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/142-JavaScript-Recognize-gestures-that-form-configurable-shapes.html">Gestures</a></td> </tr> </table> 2012-03-22T20:17:45Z https://www.jsclasses.org/browse/video/1/package/132.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/132.html">Countdown for Titanium</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>appcodingeasy.com</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:01:11</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/132-JavaScript-Show-a-time-countdown-in-Titanium-label-objects.html">Titanium Countdown</a></td> </tr> </table> 2012-02-12T10:10:39Z https://www.jsclasses.org/browse/video/1/package/103.html <table style="width: 60em"> <tr> <td valign="top" style="width: 99%"><table style="width: 100%" cellpadding="2" cellspacing="0"> <tr> <td style="text-align: right; width: 1%">Title: </td> <td><a href="https://www.jsclasses.org/browse/video/1/package/103.html">Light source object</a></td> </tr> <tr> <td style="text-align: right; width: 1%">Description: </td> <td>Light source object webcodingeasy.com</td> </tr> <tr> <td style="text-align: right; width: 1%">Duration: </td> <td>00:00:25</td> </tr> <tr> <td style="text-align: right; width: 1%">Package: </td> <td><a href="https://www.jsclasses.org//package/103-JavaScript-Apply-a-shadow-to-elements-based-on-light-position.html">Light source</a></td> </tr> </table> 2012-01-23T07:42:12Z Search the JS Classes site https://www.jsclasses.org/search.html?go_search=1 words