Nate's public fiddles
-
HTML5 Layered Videos
Videos layered on top of each other using z-indexes.
-
Drag, Drop, Clone, Sort 2.0
New code & slimmed down.
-
On drop change class
No-Library (pure JS), HTML, CSS, JavaScript
-
Droppable Element
No-Library (pure JS), HTML, CSS, JavaScript
-
On Drop Demo
No-Library (pure JS), HTML, CSS, JavaScript
-
h091bxzd
jQuery 1.9.1, HTML, CSS, JavaScript
-
wxkb6j6e
jQuery 1.9.1, HTML, CSS, JavaScript
-
Drag, Drop, Clone & Sort
Code for my upcoming project. I'll continue to post code here until it works.
-
Jquery LightBox
I'm creating a basic lightbox effect. I have a link that when I click it opens the lightbox normally, but when I click on the transparency of the Lightbox to close, it closes and it adds more time, and next time I click to close again it takes longer to disappear. Example: 1º - Click on the link 2º - Hold open the lightbox 3º - Click on transparency to close 4º - Repeat the process 10 times or less and you'll notice it takes longer to stop disappearing.
-
Lightbox v2.5.1 Demo
jQuery 1.7.2, HTML, CSS, JavaScript
-
Simple Lightbox
Uses jQuery, CSS and HTML. Centers lightbox based on width of viewport.
-
eaLdW
jQuery 1.7.2, HTML, CSS, JavaScript
-
Transition Nav from css-tricks.com
Isolating Chris Coyier's navigation from his site css-tricks.com.
-
improving HTML5 form-validation using :user-error selector
jQuery 1.9.1, HTML, CSS, JavaScript
-
What does * css selector do?
http://stackoverflow.com/questions/15607873/what-does-css-selector-do/
-
Typing animation with pure CSS
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS3 Lifted Corner Shadows
Created for: http://stackoverflow.com/questions/10541315/best-way-to-do-this-kind-of-drop-shadow/10541430#10541430
-
Box Shadow
Using CSS instead of images for a box shadow.
-
css media queries
very simple demo
-
Media Queries Examples
Mootools 1.4.5, HTML, CSS, JavaScript