WoollyMittens/useful-panorama
Displays a rotation projection of a panoramic image.
Discovered public repositories for WoollyMittens in the GitHub catalog.
Displays a rotation projection of a panoramic image.
Applies additive filters to a generic collection of content items.
Applies tiered filters to a generic collection of content items.
Implements a debug console for use in browsers for which console messages may be inaccessible, like mobile apps and kiosk software.
Position and load backgrounds based on screen position.
Order lists of results by arbitrary fields.
A simple responsive slideshow for graphical banners with touch controls.
Pans and zooms images while loading additional detail on the fly.
A library of useful functions to add custom stylesheet rules dynamically.
Multi-platform interactions library
A Rotating Dial
Overlays a full screen preview of a thumbnail.
A viewer for browsing through and zooming in on magazine pages.
Defers the loading of backgrounds until they come into view. This lowers the time it takes for the initial page to load.
An alternative for the HTML5 range input element.
An alternative for the HTML5 input element placeholder attribute.
An alternative for the HTML file input element.
An alternative for the HTML5 date input element.
An alternative for the HTML5 color input element.
A website template for the demonstration of useful-* scripts.
A library of useful functions to ease working with URL query parameters.
A library of useful functions to ease working with CSS3 transitions.
A library of useful functions to ease working with AJAX and JSON.
A library of useful functions to ease working with screen positions.
A library of useful polyfills to ease working with HTML5 in legacy environments.
A library of useful functions to ease working with touch and gestures.
A library of useful functions to ease working with instances of constructors.
A library of useful functions to ease working with cookies.
Scrolling through a long list of thumbnails using paging controls.
Plots the GPS data of photos on a map.
The navigation bar becomes fix to the top of the screen after scrolling down the page.
This tile-based image viewer loads only the parts of the image that are visible. Not unlike how Google Maps loads map tiles. This demo comes with a web service to divide large images into tiles using PHP, but the concept is easily replicated in other languages.
A collapsing "accordion" list to be used as an FAQ and a collection of content grouped together into tabs.
Sorting the contents of a table by clicking on the headers.
This slideshow uses CSS3 transitions for smooth animations, especially on mobile devices. Using CSS3, makes it easy to customise the effect. Internet Explorer (<10) doesn't support CSS3 transitions, but the animations are emulated using the same stylesheet rules.
The script arranges collections of images into a brick pattern.
A link is opened in a modal window layer and animated using CSS3 transitions. It can be modified and closed from within the iframe.
This converter parses the structure of any given piece of HTML and generates a rough empty stylesheet from it.
This content gallery loads content progressively using AJAX and uses CSS3 transitions for animation and positioning. The optional web service providing the content is based on PHP, but the concept can be easily reproduced in other languages.
A form using HTML5 form elements, that validates both client- and server-side and stores the entries in XML.
A visual touch interface for generating cropping coordinates.
Adjusts the height of the box when the width changes to keep the proportions the same.
Counts down to a future date using text and class names to add styling to.