Category - Tutorial
Blog Posts in 'Tutorial' »
-
Encode images for offline usage with HTML5 Canvas
This is the additional part to the previous tutorial "Create a self caching website ready for offline usage with HTML5 and jQuery". Our script is able to cache and restore markup, stylesheets and javascripts. Basically everything you need to make a kick-ass website. All of these assets are simple text and can be cached/restored as is. But how could we cache non-text based content, such as images, in HTML5's localStorage? -
Create a self caching website ready for offline usage with HTML5 and jQuery
In this tutorial we will create a website that is able to cache its own content, including markup, stylesheets and javascripts, as a user browse it. To dynamically restore cached files we use a offline manifest. Or in other words: every page a user visited online will be available offline too. -
The jQuery Cross-Domain Ajax Guide
Ajax requests to third party websites are normally not possible because of security restrictions. But there are several client-side techniques to work around this restrictions. Learn about them in this handy guide.
Links Links in 'Tutorial' »
-
Special scroll events for jQuery http://james.padolsey.com/javascript/special-scroll-events-for-jquery/
No, the only way to even simulate such an event would be to have a delay between the last scrolling action and the event itself.
-
Nikebetterworld Parallax Effect Demo http://www.ianlunn.co.uk/blog/code-tutorials/recreate-nikebetterworld-parallax/
In today’s tutorial, we’re going to take the original jQuery Parallax script I wrote and recreate a webpage similar to Nikebetterworld.
-
Using jQuery’s .pushStack() for reusable DOM traversing methods http://www.learningjquery.com/2011/12/using-jquerys-pushstack-for-reusable-dom-traversing-methods
The .pushStack() method has been in jQuery since before version 1.0, but it hasn't received a whole lot of attention outside of core developers and plugin authors. While its usefulness may not be immediately apparent, it can come in really handy in some situations, so I'd like to take a quick look at what it does, how it works, and how we can use it.
-
Building a custom HTML5 video player with CSS3 and jQuery http://dev.opera.com/articles/view/custom-html5-video-player-with-css3-and-jquery/
This is the first of a series in which we will look at building up an easily customizable HTML5 <video> player, including packaging it as a simple jQuery plugin, choosing control types and outputting custom CSS for your own situation.
-
Lateral On-Scroll Sliding with jQuery http://tympanus.net/codrops/2011/12/05/lateral-on-scroll-sliding-with-jquery/
After getting the request, we are going to show you how to create a “slide-in on scroll” effect.
-
Create a Windows-like Interface with jQuery UI http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-windows-like-interface-with-jquery-ui/
Have you ever wanted to create an interactive user interface for your application, but didn’t know how to? In this tutorial, we’ll create a Windows-like interface quickly and easily, by getting down and dirty with jQuery UI, a user interface library built on top of jQuery.