mrsize's public fiddles
-
Full Background with dot matrix overlay
This is a great way to reduce the background image quality to a minimum without destroying your eyes. (Using background-size: cover is good for new browsers)
-
Cycle Through Images on Hover (cargocollective)
found here: http://buildinternet.com/2011/09/cycle-through-images-on-hover-with-jquery/
-
colorpicker
jQuery 1.8.3, HTML, CSS, JavaScript
-
ZMmJe
jQuery 1.9.1, HTML, CSS, JavaScript
-
8qSbu
jQuery 1.9.1, HTML, CSS, JavaScript
-
Slide out mobile menu
jQuery 1.7.2, HTML, CSS, JavaScript
-
Fashion mobile Facebook-like menu (CSS only)
Reproduce (simply) the famous dark-backgrounded left-sliding menu, as seen in the mobile Facebook application.
-
CSS3 3D clickable buttons
Mootools 1.4.5, HTML, CSS, JavaScript
-
Easy "3D CSS card flip" example
Let's see a very very basic integration of the awesome "card flip" effect with simple CSS3 properties. Feel free to use/share/contribute.
-
CSS3 sliding tabs (w/ left)
Sliding tabs mechanism with attribute modification as the only script dependency
-
jQuery Add/Remove Input Fields
A script that uses event delegation and the .live() method for adding and deleting extra input form fields.
-
Buttons Plus & Minus
How to increment or decrement a form field using jQuery, specially useful for quantity fields.
-
Tagit on input field
Using jQuery Tagit on input fields.
-
Well formatted date of birth input field
A DD/MM/YYYY date input with placeholder text and dashes between the characters.
-
combine from/to input[type="date"] fields
jQuery 1.9.1, HTML, CSS, JavaScript
-
Select2 Demo
jQuery 1.7.2, HTML, CSS, JavaScript
-
jQuery : $("form").submit();
jQuery Compat (edge), HTML, CSS, JavaScript
-
Fading Divs for Wordpress
The problem with wordpress and the loop its that making some "featured" box with menu its complicated without runing 2 loops or using some heavy DOM modification, so this could solve the problem
-
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.
-
CSS3 Transitions: Fade In Element
Useful UI enhancement for making links etc. fade in on mouseover.