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' »
-
HTML5 Grayscale Image Hover http://webdesignerwall.com/tutorials/html5-grayscale-image-hover
Now with HTML5 canvas, images can be manipulated into grayscale without having to use image editing software. I've put together a demo to show you how to use HTML5 & jQuery to dynamically clone color images into grayscale .
-
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.