Scripts web

Contents:


HTML5 canvas colorpicker

2014-05-20

This HTML5 colorpicker attempts to provide a more intuitive way of choosing a color in web browser. I use it to pick a color for my ledstrips. It works in all modern browsers that support html5 canvas and can output the color values in HSV or HSL format.
Uses HTML5, javascript but not Jquery. It can however be used as jQuery plugin, using the file jquery.colorpicker.js in GitHub.
GitHub code
Demo


HTML5 canvas timepicker

2014-04-20

HTML5 canvas timepicker, inspired on windows 8 alarms app. Can be used as a time input field (instead of form) on a website and as clock. It works in all modern browsers that support html5 canvas.
Uses HTML5, javascript but not Jquery. Can easily be used as plugin.
GitHub code
Demo


Photogallery with lightbox

2013-02-05

Deze fotogallerij gebruik ik voor de meeste foto pagina's van www.vanoorschot.biz
Het laat allemaal kleine foto's zien en zodra je er op klikt opent de foto in een lightbox
De volgende php-code staat in het bestand renderImgs.php en wordt in de pagina aangeroepen. De code gaat uit van een aantal folders en een aantal subfolders. Zodra naar een andere folder gesprongen wordt, komt er een titel op de pagina. Zie code op GitHub.

Met dit scriptje roep je renderImgs.php aan. Dit voorbeeld is van gewassen.