Bruce's public fiddles
-
Parallax Scrolling
jQuery 2.0.2, HTML, CSS, JavaScript
-
Is Active
AngularJS to toggle classes and CSS Transitions to animate some boxes.
-
Temperature Controller
AngularJS 1.1.1, HTML, CSS, JavaScript
-
HTML Contextual Menu
jQuery 1.8.3, HTML, CSS, JavaScript
-
Radio Box Buttons
Simple example of radio box form elements re-styled as buttons.
-
Radio Box Buttons
Simple example of radio box form elements re-styled as buttons.
-
6w9Gn
Mootools 1.4.5, HTML, CSS, JavaScript
-
HVNef
jQuery 1.6.4, HTML, CSS, JavaScript
-
Horizontal Scroll v4
Check out how to take vertical boxes and move them to the horizontal plane, then animate them. v2. Try using relative values. This is important as it means that screen can be re-sized, and the scrolling will still calculate positions correctly. v2. Change opacity so that 'current' current box is visible but other boxes are faded out. v3. Include a Fade in/Fade out in the animation. v4. Refactor and improve design.