Posts Tagged ‘Rectangle class’
Image-Free Progress Bar using MooTools and Canvas
Posted Friday, March 6th, 2009.
Filed under General, JavaScript with the tags canvas, excanvas, JavaScript, mootools, ProgressBar class, Rectangle class
As part of my ongoing experiments with <canvas>, I decided to convert an image-based progress bar to an image-free canvas-based system. I just finished whipping up a proof-of-concept; it uses MooTools to generate the canvas and CSS code. No images were harmed in the making of this progress bar.
More info later (time permitting)
Modal.js updated
Posted Friday, February 27th, 2009.
Filed under JavaScript, web design with the tags canvas, JavaScript, Modal class, mootools, Rectangle class
My Modal.js class is still a work-in-progress. Today I made a few updates, most notably to some CSS handling and to the styling of the ‘close’ button (looks much more sophisticated now). Check it out.
Custom modal windows using canvas and MooTools
Posted Tuesday, February 24th, 2009.
Filed under JavaScript, web design with the tags canvas, excanvas, JavaScript, MochaUI, Modal class, mootools, Rectangle class, WAI-ARIA
I’ve built a simple modal window class named Modal using MooTools. This class combines a dynamic canvas drawing API (my Rectangle class) with dynamic DOM element generation to create on-demand modal windows using no external images. My goal was to make this about as easy to use as a normal JavaScript alert, prompt or confirm window.