Laurens's public fiddles
-
HR horizontal,vertical,inline
No-Library (pure JS), HTML, CSS, JavaScript
-
form css radio/checkbox valign test
different approaches to neatly aligning radiobuttons and checkboxes next to text. two vertical-align:middle; elements next to eachother seem to produce the best results and independent of fontsize.
-
trigger multiple events test
$.trigger('e1 e2'); test and general event logger (also log(), logclear() )
-
hr css faded
No-Library (pure JS), HTML, CSS, JavaScript
-
vertical table headers
restrictions: - chrome only; - no linebreaks in verticaltext - no (max-)height
-
table layout fixed test
No-Library (pure JS), HTML, CSS, JavaScript
-
jQuery form.serializeArray test on multivalues
jQuery 1.6.4, HTML, CSS, JavaScript
-
replace input number to text
jQuery 2.1.0, HTML, CSS, JavaScript
-
cssrotate
jQuery 2.1.0, HTML, CSS, JavaScript
-
tabtospaces
convert tabs to # spaces. old file using native JS.
-
resize noresize
resizable nested test
-
Deferred example
jQuery 2.1.0, HTML, CSS, JavaScript
-
delay form submit
jQuery 2.1.0, HTML, CSS, JavaScript
-
css reset test
test results of using css-reset rules. click to toggle resetrules on/off.
-
skew box test
transform and transform inner back
-
message animate
shortly highlight messages on pageload to draw attention to it
-
e.PreventDefault e.stopPropagation
test of event.PreventDefault() and event.stopPropagation()
-
position bottom right
No-Library (pure JS), HTML, CSS, JavaScript
-
2columns 1 fixed 1 fluid
2columns 1 fixed 1 fluid: using float and margin-left/right. and display:table/table-row/table-cell;
-
multi animate() stop() test
multi animate() stop() test. should always complete all animations (in this case return to start).