Qasim's public fiddles
-
Vertical centring
Mootools 1.4.1, HTML, CSS, JavaScript
-
Base64 image
Example of an image being rendered in base64
-
Pure CSS rating widget
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS3 multi columns
Mootools 1.3.2, HTML, CSS, JavaScript
-
New window
Mootools 1.3.2, HTML, CSS, JavaScript
-
Basic carousel
Mootools 1.3.2, HTML, CSS, JavaScript
-
iFrame Shim
Demo of iframe shim. This will work using the standard object tag for videos but for iframe videos (YouTube) it will not. This is a Chrome issue only on Mac and PC.
-
CSS three level dropdown
Uses css3 to show the third-level menu on hover with a touch of delay.
-
beNfc
Mootools 1.3.1, HTML, CSS, JavaScript
-
native js2
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS Accordion - vertical
A vertical accordion using CSS3.
-
Show hidden on checked
Shows hidden element when a relevant radio item is checked
-
Tip without images
Using CSS3 to create tips
-
Element.implement
Extending Element.implement to include HTML5 placeholder attribute which works on non-HTML5 supported browsers. It lets the HTML5 supported browsers handle it using the default behaviour.
-
HTML5 Placeholder: Feature test
Mootools 1.3.2, HTML, CSS, JavaScript
-
ARIA + Placeholder + Validation
Using ARIA in forms plus HTML5 for placeholder text and inline validation using MooTools.
-
Working with objects
https://developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects
-
CSS counter-increment
Using CSS to add numbers to the level of fieldsets.
-
Form Validation with ARIA
This form validation extends the Form.Validator.Inline class so that the insertAdvice method is modified to add the errors on top of field rather than below.
-
Demo: addEventLlistener
Demo of addEventListener