JSFiddle

j08691's public fiddles

• jQuery addClass example #3 is the latest revision

  Change class name on click in jQuery

  • Delete fiddle
• .scroller { #1 is the latest revision

  No-Library (pure JS), HTML, CSS, JavaScript

  • Delete fiddle
• svg logo anim #103 is the latest revision

  svg logo anim

  • Delete fiddle
• progressbarjs noaa #8 is the latest revision

  progressbarjs noaa

  • Delete fiddle
• progressbarjs noaa #33 is the latest revision

  progressbarjs noaa

  • Delete fiddle
• new jQuery UI slider tickmarks #45 is the latest revision

  new jQuery UI slider tickmarks

  • Delete fiddle
• progressbarjs #3 is the latest revision

  progressbarjs

  • Delete fiddle
• fvgfs image animator #261 is the latest revision

  fvgfs image animator

  • Delete fiddle
• Associated Dropdowns #51 is the latest revision

  Associated Dropdowns

  • Delete fiddle
• event item slider #146 is the latest revision

  jQuery 2.2.4, HTML, CSS, JavaScript

  • Delete fiddle
• Display selected date jquery ui date picker #2 is the latest revision

  Display the selected date in other place or div

  • Delete fiddle
• Dropdown password rules #3 is the latest revision

  Dropdown password rules. With help from https://mlitzinger.com/blog/password-validator-js/

  • Delete fiddle
• Org Chart Example #7 is the latest revision

  An example of a Google Org Chart.

  • Delete fiddle
• Video play button hover

  Video play button hover

  • Delete fiddle
• Scaling radio buttons and scheckboxes

  Seems like this should be used everywhere to make it easier to select options.

  • Delete fiddle
• scroll and crossfade background color

  scroll and crossfade background color

  • Delete fiddle
• Animated form labels

  Adapted from https://developers.redhat.com/auth/realms/rhd/login-actions/registration. CSS used to animate labels. jQuery used to check empty fields.

  • Delete fiddle
• Strip MS Word Formatting #2 is the latest revision

  Strip MS Word Formatting

  • Delete fiddle
• Table row 3D flip #1 is the latest revision

  Table row 3D flip

  • Delete fiddle
• HOOPLA

  Under the network tab filter with "aws"

  • Delete fiddle
• Media Queries Examples

  Mootools 1.4.5, HTML, CSS, JavaScript

  • Delete fiddle
• page rotation #10 is the latest revision

  page rotation

  • Delete fiddle
• V/H Centered text

  V/H Centered text on gradient using google fonts

  • Delete fiddle
• Simple Vertical Parallax Example w/ background opacity

  Simple Vertical Parallax Example w/ background opacity See http://stackoverflow.com/questions/4183948/css-set-background-image-with-opacity

  • Delete fiddle
• Simple Vertical Parallax Example

  Simple Vertical Parallax Example

  • Delete fiddle
• jQuery UI Autocomplete #1 is the latest revision

  Basic jQuery UI Autocomplete example.

  • Delete fiddle
• Create your own jQuery functions #1 is the latest revision

  jQuery 1.11.0, HTML, CSS, JavaScript

  • Delete fiddle
• Basic CSS3 Rotation

  Basic CSS3 Rotation

  • Delete fiddle
• Basic parallax demo #4 is the latest revision

  Basic parallax demo from http://code.tutsplus.com/tutorials/a-simple-parallax-scrolling-technique--net-27641. See also http://jonathannicol.com/projects/parallax-scrolling/

  • Delete fiddle
• CSS 3D Transforms - Card Flip 1 #5 is the latest revision

  CSS 3D Transforms - Card Flip 1

  • Delete fiddle
• CSS 3D Transforms - Card Flip 1

  CSS 3D Transforms - Card Flip 1

  • Delete fiddle
• CSS 3D Transforms #48 is the latest revision

  CSS 3D Transforms

  • Delete fiddle
• caps lock detection #1 is the latest revision

  caps lock detection

  • Delete fiddle
• Multiple Text Shadows

  Fake letterpress effect

  • Delete fiddle
• CSS3 3D Flip

  CSS3 3D Flip from http://24ways.org/2010/intro-to-css-3d-transforms/

  • Delete fiddle
• CSS3 3D Flip (cube) #44 is the latest revision

  CSS3 3D Flip from http://24ways.org/2010/intro-to-css-3d-transforms/

  • Delete fiddle
• CSS3 3D Flip

  CSS3 3D Flip from http://24ways.org/2010/intro-to-css-3d-transforms/

  • Delete fiddle
• Animated Canvas Arc

  Animated Canvas Arc

  • Delete fiddle
• jQuery UI Autocomplete #65 is the latest revision

  Basic jQuery UI Autocomplete example.

  • Delete fiddle
• Scroll test

  Scroll test

  • Delete fiddle
• Basic drag and dupe test #1 is the latest revision

  Basic drag and dupe test

  • Delete fiddle
• How to see events bound to an element #1 is the latest revision

  How to see events bound to an element - jQ 1.8

  • Delete fiddle
• jQuery UI Autocomplete #1 is the latest revision

  Basic jQuery UI Autocomplete example.

  • Delete fiddle
• jQuery UI Autocomplete #2 is the latest revision

  Basic jQuery UI Autocomplete example.

  • Delete fiddle
• Canvas test

  Canvas test

  • Delete fiddle
• Google xEyes JavaScript

  Google xEyes JavaScript - from google.com/ig - no tables version

  • Delete fiddle
• Basic jQuery AJAX examples #4 is the latest revision

  .ajax() and .post()

  • Delete fiddle
• Google xEyes JavaScript #1 is the latest revision

  Google xEyes JavaScript - from google.com/ig

  • Delete fiddle
• jQuery UI Autocomplete #67 is the latest revision

  Basic jQuery UI Autocomplete example.

  • Delete fiddle
• Mouse sensitive text-shadow #6 is the latest revision

  A jQuery based text shadow effect that is sensitive to the mouse's position relative to any element.

  • Delete fiddle
• Fixed Scroll Position #16 is the latest revision

  Fixed Scroll Position

  • Delete fiddle
• Fixed Position Scroller

  Fixed Position Scroller

  • Delete fiddle
• Pure JS HTML attribute tester

  Pure JS HTML attribute tester

  • Delete fiddle
• Pure CSS spinning spiral #3 is the latest revision

  Pure CSS spinning spiral

  • Delete fiddle
• autocomplete with categories and totals #30 is the latest revision

  Problems arise if categories aren't group together.

  • Delete fiddle
• jQuery UI Autocomplete #1 is the latest revision

  Basic jQuery UI Autocomplete example.

  • Delete fiddle
• jQuery UI Google-like autosuggest

  jQuery UI Google-like autosuggest

  • Delete fiddle