JavaScript

I will be updating this post shortly. In the meantime grab the library from http://headjs.com/

jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser's default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS. jScrollPane is designed to be flexible but very easy to use. After you have downloaded and included the relevant files in the head [...]

jCarousel Lite is a jQuery plugin that carries you on a carousel ride filled with images and HTML content. Put simply, you can navigate images and/or HTML in a carousel-style widget. It is super light weight, at about 2 KB in size, yet very flexible and customizable to fit most of our needs. Did I mention [...]

appending a query to a URL is a powerful way to pass information to new windows/ external webpages. This is accomplished by appending ‘?’ then a value to a URL ie. www.your-webpage.com/?hello There are many ways to benefit from and apply this technique – generally the idea is that the webpage will initiate a process based [...]

There are currently several techniques for storing/saving data and values which transcend a browsing session (offline data). Technique has slightly different results. In this post we will be looking at the implementation of Cookies, LocalStorage, HTML5 Storage using browser native languages (javascript, html5). […]

The following will give the default ‘value’ attribute of an input field one style, then when a user focuses in the field it will clear – displaying user inputted text with a new style. […]

RegExp is a testing pattern often used for validating form fields such as name, email, phone number etc. It is also possible to create custom RegExp patterns to stop particular words or numbers. Here I will explain each […]

With JavaScripts Data Object we can access the current date and create custom date to trigger special events. Read on to see exactly play with the year, month, day etc to achieve different results […]

Often there may be a requirement to redirect a user to a mobile friendly version of a website. In many cases a responsive layout is only the first step to a ideal user experience. Due to mobile data usage restrictions, some websites will need to reduce the resource load of assets (which were created for desktop [...]

Being able to control the timing of events/methods is a powerful tool for controlling animations, timing game states and reducing code bottlenecks. In JavaScripts there are two methods we can use to control timed events setInterval('function', intervalTime) - This will fire the method repeatedly every X milliseconds. setTimeout('function', intervalTime) - This will fire the method once [...]