the_voder's public fiddles
-
Direction-Aware CSS3 Hover
Direction-aware hover overlay effect.
-
Sliding Screens PanelSnap
Fullscreen vertically-sliding DIVs, with fixed-position navigation. Used PanelSnap jQuery plugin.
-
jQuery Dropdown Navigation Menu 2
A simple jQuery-driven dropdown navigation menu. With animation of sub-menu items.
-
jQuery Dropdown Navigation Menu
A simple jQuery-driven dropdown navigation menu.
-
Sliding Screens 3
Fullscreen vertically-sliding DIVs, with fixed-position navigation. This version scrolls on Y axis only. Finds 'screen' position ID.
-
Textgrid Experiment 01 (PRIVATE)
jQuery 1.9.1, HTML, CSS, JavaScript
-
Auto Slideshow
Auto-rotating slideshow.
-
CSS3 Transitions
Apply random CSS2 transitions.
-
Clearfix
Apply clearfix to containing element to force it to contain floated descendents
-
Border-Box Demo
Using CSS3 box-sizing so element dimensions remain constant when padding and border added.
-
Infinite Scrolling BG
Infinite scrolling tiled background image.
-
Sliding Screens 2
Fullscreen horizontally-sliding DIVs, with fixed-position navigation. This version scrolls on X and Y axes. Finds 'screen' position by named anchors.
-
Sliding Screens 1
Fullscreen horizontally-sliding DIVs, with fixed-position navigation. Finds 'screen' position by named anchors.
-
Basic jQuery Horizontal Slider 2
HTML/CSS/jQuery setup for bare-bones horizontal slider, with graphic current-slide indicator.
-
Basic jQuery Horizontal Slider 1
HTML/CSS/jQuery setup for bare-bones horizontal slider.
-
Sequential Animation 2
Alternative method of animating set of elements. Allows animation to overlap.
-
Sequential Animation 1
Animate selected elements sequentially.