rudiedirkx's public fiddles
-
The text boundaries of a round (border-radius) box
Apparently, there aren't any (boundaries). The text overflows the circle and follows a square form. With 'overflow: hidden;` part of the text is invisible. Conclusion: sucks.
-
Screen size agnostic (?) carousel
Or at least a kind of carousel... Offset is % based and not px based, so you can calculate with 'parts': 1/3, 300%, -200%. The -1000 in JS stands for -200%. 1/5% per iteration: `pct = counter / 5`
-
EUKUH
Mootools 1.3.2, HTML, CSS, JavaScript
-
qN9gy
No-Library (pure JS), HTML, CSS, JavaScript
-
mDmpH
No-Library (pure JS), HTML, CSS, JavaScript
-
3mMgB
No-Library (pure JS), HTML, CSS, JavaScript
-
Android-like status bar icons
First two will be removed Android-style when clicking the document.
-
Image width in CSS3 columns
The width of a too big image inside a CSS3 column: * what is 100%? * what to do with the rest? * what would overflow do?
-
Simple div bars and their orientation in a box
Bars in a box, aligned to the bottom of the box. A random number of bars (within bounds) with a random height (within bounds). Conclusion: inline-block to the rescue!
-
Detecting support for CSS3 columns with JS
Using jQuery, because getting CSS properties without JS framework is a bitch.
-
Detecting CSS3 background color transitions with JS
Conclusion: it's possible. You can query an element's background color while it is transitioning with CSS3. And that's very gewd!
-
HTML5's progress bar support
What a progress bar looks like in this browser and how JS handles its properties. * How to detect visual support with JS? IE8 recognizes `Element.max`, but doesn't know the <progress> element
-
Behaviour of a TABLE's TDs' when 'overflowing'
What happens with content that's too much for a TD's dimensions given by CSS? Is there an overflow option?
-
6XZP8
jQuery 1.5.2, HTML, CSS, JavaScript
-
BxqMq
jQuery 1.5.2, HTML, CSS, JavaScript
-
Cross server XHR (with prepared server)
Doing a cross server XHR request (with jQuery) to a server that sends the required `Access-Control-Allow-Origin` header (`*` in this case).
-
MmhmQ
No-Library (pure JS), HTML, CSS, JavaScript
-
tx9tc
No-Library (pure JS), HTML, CSS, JavaScript
-
bk85q
Mootools 1.3.2, HTML, CSS, JavaScript
-
N3TML
No-Library (pure JS), HTML, CSS, JavaScript