HTML5 let’s you storage data within the user’s browser, this is a new way to storage data locally.
Web Storage is more secure and faster than cookies. The data is not included with every server request, but used only when asked for. It is also possible to store large amounts of data, without affecting the website’s performance.
The data is stored in key/value pairs, and a web page can only access data stored by itself.
jPlayer is the completely free and open source media library written in JavaScript using jQuery. jPlayer allows you to rapidly weave cross-platform audio and video into your web pages. jPlayer’s API allows you to create easy and innovative media solutions for any devices, mobile, table or desktop.
In this post I show you how to convert images to grayscale using CSS3 filters.
If you need to detect the if your website’s visitor use a mobile device you can do it with Javascript.
There are different ways to display and load contents. When you have a long list of scrolling elements the problem that you may encounter is a long loading time. To avoid this issue the solution is to load the contents “on scroll”. With this way the loading time are divided and optimized for only the things the user needs.
Touchwipe is a jQuery Plugin that allows you to obtain the wipe event on an iPhone, iPad or iPod Touch which can be used for example to scroll through an image gallery. Should also work with Android touchscreens. It’s very small, it’s only 1 KB.
$("#target").touchwipe({
wipeLeft: function() { alert("left"); },
wipeRight: function() { alert("right"); },
wipeUp: function() { alert("up"); },
wipeDown: function() { alert("down"); }
});
jQuery Touchwipe Plugin (iPhone, iPad, iPod Touch Gesten / Gestures, Wischeffekt / Wipe Effect)
GMaps.js is a Javascript library that allows you to use the potential of Google Maps in a simple way. No more extensive documentation or large amount of code. With a few simple lines of code you can add a map in a minute!
Porthole is a small Javascript library that makes it safe and easy to communicate with cross domain iFrames. Porthole relies on hidden iFrames (later referred to a as proxy) to exchange information. The caller sets a url fragment with the message to pass. The proxy by virtue of being served from the same origin as the callee, invokes a callback method with an event object that contains the message read from the url fragment. The message signaling mechanism is based on a resize event.
jsPerf is a performance playground for JavaScript developers.
jsPerf aims to give an easy way to create and share test cases, comparing the performance of different JavaScript snippets by running benchmarks.
I just created a little script that creates an animated loading text.
The script adds a customizable numbers of dots to the loading text in a time interval.