Sandbox

While writing about web development i also like to put theory in to practice. Below are links to a number of code demonstration pages. You can also find my opened source code on GitHub.

jQuery UI custom select demo

http://www.georgepaterson.com/sandbox/jquery-ui-custom-select-demo/

Examples of the custom select widget created for the jQuery UI library. The widget uses the flyweight pattern, further information can be found on the GitHub wiki page.

jQuery HTML5 video background

http://www.georgepaterson.com/sandbox/jquery-html5-video-background-demo/

Example of the jQuery Video Background plugin. Will place a resizable video in to the background of the page or designated element. Browsers that don’t support the HTML5 video element will get an image if a poster image was provided.

jQuery Equaliser

http://www.georgepaterson.com/sandbox/jquery-equaliser-plugin-demo/

Equalises the vertical height and position of an array of HTML elements within a given parent element.

jQuery UI Carousel

http://www.georgepaterson.com/sandbox/jquery-ui-carousel-demo/

A carousel built using the development patterns of the jQuery UI library.