Samuel's public fiddles
-
Repeatify
Paste a text string in, and then have it spat out however many times you want.
-
CSS Class Grabber
You've just written a bit batch of HTML, and now you want to start on the CSS side of things, but you don't want to have to manually go and copy the class names into your CSS sheet... Behold, the CSS Class Grabber.
-
Digit Instance Calculator
Calculate instances of a digit in a number range.
-
HTML Rapid Linker
jQuery Compat (edge), HTML, CSS, JavaScript
-
7nzjxL58
No-Library (pure JS), HTML, CSS, JavaScript
-
Checkbox Strikethrough
Puts a strike-through for check boxes that have been selected.
-
Body Class Applier (via Cookie)
WCAG Colour contrast changer. Applies a set css class to body tag. is remembered during session via cookie.
-
Job Task Calculator
Calculate how long a job will take overall by enabling/disabling different metrics to include in the calculation.
-
Tally-Ho
Javascript based tally counter. Supports multiple metrics via a data-* attribute. Test tally items present.
-
jQuery Font Increase
Increases the font size. Good for accessibility things.
-
CSS3 img hover Reticle
Hover over an image to have a border reticle expand.
-
CSS Child element position animation
Animate the position of a div (or any other element) with CSS. Animates it from being hidden to sliding in to be visible.
-
CSV Text Boxes
jQuery Compat (edge), HTML, CSS, JavaScript
-
Cross-Browser Dynamic Audio
Dynamically change html5 audio src via JS, including file format support detection.
-
Advanced JavaScript Rotator
advanced JS slideshow rotator
-
Angled overlay images
Works in Chrome, FF, IE9+
-
Special Character Removal
Removes all special characters from a string. This is really useful for things like auto-generating a web page filename from a client entered page title or something.
-
Modalizd
Gives any image with a pre-specified CSS class to become a trigger to open up a modal popup of itself.
-
Data Templater
Add a text box to your form for each field in your template, and add your HTML template string into the JS, insert the textbox field values into your template and voila.
-
Vanilla Fade
JavaScript fade animation - vanilla style.