Learn JavaScript, straight from the Gurus - Free JavaScript Video Lectures. I consider myself lucky to ‘know’ and have ‘access’ to these brilliant and free JavaScript videos and lectures, delivered by the best in the industry. In this post, I will share links of some very useful JavaScript videos and lectures delivered by JavaScript Gurus, full of information, fun watching and absolutely Free! Although the internet is full of free videos, I have chosen only a couple of them, which I found the most useful. Get ready to take notes as you learn.. Crockford’s video lectures on JavaScript – Douglas Crockford is a JavaScript architect and plays an important role in designing new features of the language. His videos are a ‘must-have’ for any JavaScript developer. SIDEWAYS – jQuery fullscreen image gallery. Last updated on Nov 20, 2010 Originally published on September 12, 2010 by malihu, under Templates & web apps.
A simple, yet elegant fullscreen image gallery created with the jQuery library and CSS. The gallery features fullscreen images in various modes and custom scrollbars. SIDEWAYS image gallery is made by implementation of some previous scripts and tutorials posted on this blog and some (minor) CSS3. It utilizes the jQuery UI (jQuery User Interface), jQuery Easing by George McGinley Smith and Brandon Aaron’s jquery mousewheel plugin.
I’ve included the complete gallery code on page 2 of this post. Changelog▾ This work is released under the MIT License. Donating helps greatly in developing and updating free software and running this blog. Demo | jQuery.popeye 2.0 | an inline lightbox alternative. X Note: To see the full potential of CSS3 styling (shadows, gradients, rounded corners, alpha transparency), please view this page in a modern webkit or mozilla browser (Firefox 3.5+, Safari 4, Opera 10.50, Chrome 4). Other browsers will degrade gracefully. Except for IE6, though, which I didn't bother to include. Feel free to come up with your own solution ;-) Example 1 The first popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover.
The caption displays the html code inside the <span class="ppy-extcaption">. By placing the navigation inside the stage area (where the image is displayed), we can get it to hover above the image. No need to read this, just dummy text ;-) Vivamus ut nisi id libero interdum pretium. View HTML code used in this example Example 2 The navigation stays fixed to the right of the image. There is no enlarge button, but a click on the image enlaregs and shrinks it nevertheless. Example 3 Donate. Flexigrid - Web 2.0 Javscript Grid for jQuery. Instant Blueprint - Create a web project framework in seconds.
Commented On. Lightview.