Manuel's public fiddles
-
Chrome min-content bug
See http://code.google.com/p/chromium/issues/detail?id=294195
-
Categories of HTML element as CSS selectors
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS3 page-like box shadow effect
No-Library (pure JS), HTML, CSS, JavaScript
-
str.replace with 'g' explicit flag
No-Library (pure JS), HTML, CSS, JavaScript
-
Faux <br> in CSS
Simulate a <br> tag with pure CSS.
-
2hNLf
No-Library (pure JS), HTML, CSS, JavaScript
-
Delaying events
This is a test to see, if an event can be delayed, e.g., to enable synchronous user interactions like the good ol' alert(), before the default action of an element takes place.
-
Validate e-mail with HTML5 input element
No-Library (pure JS), HTML, CSS, JavaScript
-
RTTjc
Mootools 1.4.5, HTML, CSS, JavaScript
-
Open print preview
No-Library (pure JS), HTML, CSS, JavaScript
-
Replace Checkboxes with CSS3 and w/o Images
Accompanying my blog post at http://www.manuel-strehl.de/dev/on_replacing_checkboxes_with_CSS3
-
Typographic scale based on the Periodic System
The font size is based on the atomic weight of each element. The formula used is base × 1 m_a, where m_a is the atomic weight of each element and base is an arbitrary base size (we use 500 here). We skip the first one, Hydrogen, since it’s too large (with an atomic weight of about 1 it would have the base font size).
-
CSS3 inset text-shadow trick
CSS3 inset text-shadow trick Written down by Jyri Tuulos http://about.me/jyrituulos Effect originally found at http://timharford.com/ All credits for originality go to Finalised Design (http://finalisedesign.com/) Note that this trick only works for darker text on solid light background.
-
vertical alignment with CSS3 rotation
No-Library (pure JS), HTML, CSS, JavaScript
-
In which order are event listeners evaluated?
jQuery 1.7.2, HTML, CSS, JavaScript
-
Column test
No-Library (pure JS), HTML, CSS, JavaScript
-
List floats round div
jQuery 1.7.1, HTML, CSS, JavaScript
-
WWBN9
jQuery 1.5.2, HTML, CSS, JavaScript