maxw3st's public fiddles
-
trasnform tutorial
great semantic demo
-
Opera jQuery bug
jQuery 1.7.2, HTML, CSS, JavaScript
-
Nav++
CSS drop down menu from CSS wizardry
-
Triangle with content: CSS
Mootools 1.4.2, HTML, CSS, JavaScript
-
box sizing
compatible across all browsers that matter
-
HTML5 Polyfill for reverse ordered lists
A Polyfill to add support for the 'reversed' attribute in HTML5. Using jQuery.
-
HTML5 Polyfill for reverse ordered lists
A Polyfill to add support for the 'reversed' attribute in HTML5.
-
Flexible image container
Used as a background for a slideshow. Makes any png or jpg image a flexible display that expands/contracts to fit media size.
-
Image with text container
Could be used for a product catalog
-
default text in text area
text is there on load, disappears on focus and returns on blur
-
ugly gradient example
Mootools 1.4.5, HTML, CSS, JavaScript
-
Range Slider
courtesy of @simurai
-
Mozilla transition demo
Mootools 1.4.5, HTML, CSS, JavaScript
-
webkit transition demo
Mootools 1.4.5, HTML, CSS, JavaScript
-
moz transition
Mootools 1.4.5, HTML, CSS, JavaScript
-
Favicons 4 URLs
Matches Favicons with URL's on the page.
-
Favicons prefixed to links
jQuery 1.7.2, HTML, CSS, JavaScript
-
SVG Icon
No-Library (pure JS), HTML, CSS, JavaScript
-
placing an image in a div
Mootools 1.4.5, HTML, CSS, JavaScript
-
Indicator gradient
I'm using this for a forex website as a bullish - bearish indicator. It could also be used as a gas gauge or anything else along those lines. In the right and left gradients, where stops are currently set at 40%, is the determining line between red and green. Change all 3 values to some other matching percentage and the gauge moves accordingly.