Henry's public fiddles
-
[jQuery/CSS] will-change Testcase
Testings with will-change
-
[JSON-LD] searchAction JSON-LD
Just the snippet for Google's search-box.
-
[CSS] Responsive Content
Example for the article on freizeitler.de
-
[JS] GA Code
Google Analytics Code with anonymize IP and compression.
-
[SCSS] @mixin: Special Bulletpoints
SASS mixin to easily create bullet lists with unicode chars and colors.
-
[jQuery/SCSS] Fancy UI-Plugin
jQuery Plugin to create nice checkboxes and radiobuttons without destroying semantic and fallback functionality.
-
[jQuery] Star Rating
Nice plugin to create a star rating bar with unicode chars and schema.org.
-
[jQuery] Plugin for sticky elements
Make an element stick to the top when scrolling.
-
[jQuery] Image Section V2 TEST
Center Image and make it reveal if height is larger then container
-
[jQuery/CSS] Media Indicator Use Case [testing]
Using z-index to indicate media query for JavaScript
-
[CSS] CSS3 tests with text
Some simple background tests using cSS3. Testing repeating-linear-gradient and background-clip.
-
[jQuery] Simple Responsive Slideshow
Accessible, responsive Slideshow. Easy to configure.
-
[CSS/jQuery] Responsive Megamenu
CSS Mega Menu with a minimum of jQuery. Is able to contain text and images.
-
[jQuery] RWD Responsive Table
Table switching to accordion on small screensizes.
-
[CSS/jQuery] RWD Navi
Responsive navi with accordion and slide. Shows active bar on smaller devices. Uses mainly CSS, JS for clicking on small devices.
-
[jQuery] Language Redirect
Simple redirect to another URL (language).
-
[CSS] Honeycombs TEST
Boxes like honeycombs styled in CSS
-
[CSS/jQuery] Accordion with <dl>
An accordion with jQuery based on a <dl>. This the most semantic approach to it. WAI ARIA implemented...
-
[CSS] Horizontales/vertikales DropdownMenu
Pure CSS and accessible.
-
[SVG/jQuery] Interaktive Grafiken erstellen mit Inkscape
Interactive .svg with jQuery.