Kai's public fiddles
-
html,body,svg { height:100% }
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath
-
html,body,svg { height:100% }
No-Library (pure JS), HTML, CSS, JavaScript
-
jQuery addClass example
Change class name on click in jQuery
-
jQuery addClass example
Change class name on click in jQuery
-
Text Circle
Mootools 1.4.5, HTML, CSS, JavaScript
-
Responsive square elements
Responsive grid, 3 columns and 3 rows of square elements with tex, list images...
-
Full Screen Canvas
Changed a little to see what it does better.
-
CSS Nonagon Oven Dial
I needed a nonagon to improve the interface of my oven (in my kitchen), which has the worst UI ever. This version uses jquery and works for any number of sides (but looks best with the nonagon). In retrospect, better to do this in SVG, maybe with D3 or Raphael.
-
CSS Nonagon Oven Dial
I needed a nonagon to improve the interface of my oven (in my kitchen), which has the worst UI ever. This version uses jquery and works for any number of sides (but looks best with the nonagon).
-
CSS Polygon
I needed a nonagon to improve the interface of my oven (in my kitchen), which has the worst UI ever. This version uses jquery and works for any number of sides (but looks best with the nonagon).
-
CSS Nonagon
I need a nonagon to improve the interface of my oven (in my kitchen), which has the worst UI ever.
-
4 corners and center
position items in 4 corners and center of a div or of the page.
-
HBD Ekim 2015
This hack works using embedded divs. I like it because it's super simple for a nice effect. Still, very hacky.
-
kakrzdg0
No-Library (pure JS), HTML, CSS, JavaScript
-
centered vertically and horizontally
an image centered in a div centered in a div centered on the page
-
Experimental animated doodle
jQuery 1.11.0, HTML, CSS, JavaScript
-
Experimental animated doodle
jQuery 1.11.0, HTML, CSS, JavaScript
-
Xof birthday doodle
jQuery 1.11.0, HTML, CSS, JavaScript
-
Astrid birthday doodle
jQuery 1.11.0, HTML, CSS, JavaScript
-
problem with div line break
different behavior when div is broken "naturally" and when div is broken with <br>