Alexander's public fiddles
-
dEEPy
jQuery 1.8.3, HTML, CSS, JavaScript
-
Yt5W3
Mootools 1.4.5, HTML, CSS, JavaScript
-
BHGXL
jQuery 1.7.2, HTML, CSS, JavaScript
-
trahJ
jQuery 1.7.2, HTML, CSS, JavaScript
-
z7JSn
Mootools 1.4.5, HTML, CSS, JavaScript
-
w3Tt3
Mootools 1.4.5, HTML, CSS, JavaScript
-
PTTF6
Mootools 1.4.5, HTML, CSS, JavaScript
-
c7Xyk
Mootools 1.4.5, HTML, CSS, JavaScript
-
6bUAn
Mootools 1.4.5, HTML, CSS, JavaScript
-
gQKq6
Mootools 1.4.5, HTML, CSS, JavaScript
-
yXg9d
jQuery 1.7.2, HTML, CSS, JavaScript
-
VhUAE
jQuery 1.7.2, HTML, CSS, JavaScript
-
Huzzah! Goodbye .clearfix
Once this is widely used:http://dev.w3.org/csswg/css3-sizing/#contain-floats
-
TRwNG
jQuery 1.7.2, HTML, CSS, JavaScript
-
iOS Style UI Animation (Mobile Safari Only!)
iOS has a new subtle animation on some of their UI elements which basically modified the gradient based on the orientation of the device. This is a replication of that in jQuery/CSS. Enjoy! Parts of this fiddle are borrowed from http://attasi.com/labs/volume/ and I got a lot of help from looking at how Holobox (http://hakim.se/experiments/css/holobox/) was made.
-
kmjdJ
jQuery 1.7.2, HTML, CSS, JavaScript
-
eeRVD
Mootools 1.4.5, HTML, CSS, JavaScript
-
Revealing Module Pattern
An easy way to encapsulate otherwise convoluted code. Also by not just exposing a public init() function, you can run tests on other public functions. Only downside is you can't run tests on private functions from the public pointers.
-
WMHeh
jQuery 1.7.2, HTML, CSS, JavaScript
-
Letter Press Hexagon CSS & HTML
An example of how pseudo elements combined with -webkit-transform can help us make pure HTML graphics. Latest Chrome only—pseudo transforms were just brought on!