Maurice van Creij's repositories
photo-gallery
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.
photo-cropper
A visual touch interface for generating cropping coordinates.
photo-mosaic
The script arranges collections of images into a brick pattern.
photo-tiler
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.
photo-zoom
Pans and zooms images while loading additional detail on the fly.
useful-videos
Embedded video that doesn't cause traffic until clicked.
useful-zoom
Overlays a full screen preview of a thumbnail.
attribute-handlers
Assigns handler classes to specific CSS selectors.
dom-indexer
A tool to generate boilerplate stylesheets for HTML components.
local-area-map
Plots GPS data on an interactive offline map of the local area.
photo-cylinder
Displays a cylindrical projection of a panoramic image.
tailwind-effects
A library to tie scripted events to tailwind classes.
tampermonkey-quick-refresh
A Tampermonkey script to substitute local images and styles on live sites.
drag-scroller
Allows a container to be scrolled horizontally by mouse, equivalent to dragging a touch screen.
interactive-timeline
A horizontal scrolling timeline using native browser functionality.
intersection-events
Simplifies the intersection observer so it can be used as an event.
keyboard-collection
An interface to display a custom keyboard collection
mutation-events
Simplifies the mutation observer so it can be used as an event.
photo-retry
Tries to load broken images on a page from a series of fallback locations.
retrobots-editor
An editor for pixel sprites consisting of multiple parallax layers.
sydneytrainwalks-web-app
A web app for hikes in the Greater Sydney area using public transport.
tampermonkey-local-dev
Local Development with TamperMonkey
tampermonkey-substitute-local
This TamperMonkey script substitutes the assets of a remotely hosted site for local versions.
useful-triggers
Elements that change their appearance when scrolled into view.
useful-typeout
Reveals text through an typing animation.
useful-updatehook
Add handlers to document updates.
useful-urls
A library of useful functions to ease working with URL query parameters.
useful-viewbox
Modify the style of elements and trigger animations based on screen position.
useful-waitforit
Waits for an element to start existing.