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 [...]
Pages with varied content on different pages can often experience ‘content jumps’. This happens as the browser decides to add or remove the scroll bars, causing page content to move the width of the scroll bars. An unsightly event… The fastest way to stop this behavior is to force scroll bars to always be present. Read [...]
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). […]
In this tutorial I will be exploring the basics of drawing strait and curves lines on the HTML5 Canvas […]
In this post I will be denonstrating the different ways to import jQuery and showing a quick way to check if it is working – by toggling the visibilty of a dom element […]
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. […]
Often overlooked we wed developers is the usage of the css cursor property. Hovering over an achor tag will usually switch the cursor to a hand. however what if you are using anb onClick, event with javascript/jQuery? we lose the hand cursor. Just like as we wouild use mouseEnabled = true in As3, we should use [...]
Until CSS3, margin on child dom elements has been favoured over padding on parent elements. This is largely due to The Doms strange and un-intuitive handling of the padding property, which is further distorted by browser’s specific interpretation of the ‘standard’. (Where padding changes the width of an element respective to the padding) Welcome box-sizing! our [...]