This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

Web Development

/Web Development

jScrollPane – a nice jQuery plugin for custom scroll bars

By | April 29th, 2013|Categories: css3, html5, JavaScript, jQuery, Mobile Development, Web Development|

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 – a simple and effective jQuery slideshow/carousel plugin

By | April 29th, 2013|Categories: html5, JavaScript, jQuery, Mobile Development, Web Development|

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 [...]

HTML, CSS : Force verticle scroll bars

By | March 24th, 2013|Categories: css3, html5, Web Development|

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 [...]

Passing and retrieving URL queries with JavaScript + jQuery

By | December 15th, 2012|Categories: JavaScript, jQuery, Web Development|

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. There are many ways to benefit from and apply this technique – generally the idea is that the webpage will initiate a process based [...]

Storing data with Javascript, using localStorage and cookies

By | December 15th, 2012|Categories: html5, JavaScript, Web Development|

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). […]

Cursor Control with CSS

By | December 9th, 2012|Categories: Web Development|

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 [...]

CSS3 box-sizing property fixes old box model’s padding problems

By | December 9th, 2012|Categories: css3, Web Development|

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 [...]