Virtual's public fiddles
-
Inline Tweet
Code to allow for inline tweet
-
Text centered on graphic
No-Library (pure JS), HTML, CSS, JavaScript
-
Centered Slider (Slick 1.4.1)
Display a centered image with side images on slider. If smaller than responsive breakpoint (1024) change to showing only one slide fully.
-
Simple MP3 jPlayer image overlay
Uses an overlaid image (play and stop icons). Will jump to new track on click. Good for dynamically loaded content.
-
Sliding left-side tab
Moves large tab to a smaller inline tab for smaller width viewports.
-
Video Play Icon over image
Place an icon centered on an image, using screen reader text for accessibility. (Bootstrap)
-
Slick - Centered with min-width on large view
Display a centered image with side images on slider. If smaller than responsive breakpoint (1024) change to showing only one slide fully.
-
Center second element
Center on second element of three
-
My first page!
A page of wholesome goodness
-
CSS Example
Manipulate the CSS to see how it affects the output! Press Run each time you want to see the changes.
-
Simple HTML5 Form
Simple HTML5 Form base
-
Toggles with Expand Button
Area expansion: toggles with plus/minus button
-
Disable multiple days with jQuery datepicker
Disable multiple user-defined days with jQuery datepicker, as well as weekends. This version also greys out days prior to today.