JSFiddle

Sylvain Gamel's public fiddles

• [WCAG] macOS/Safari/VO

  Testing the VoiceOver support of widgets embedded inside labels.

  • Delete fiddle
• Vue 2.0 - Radial button

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

  • Delete fiddle
• WCAG Dual input and value update

  Testing live update of values depending on 2 inputs.

  • Delete fiddle
• WCAG Native Radio buttons #16 is the latest revision

  Simple test behavior for pure HTML radio buttons.

  • Delete fiddle
• Fluid table example

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

  • Delete fiddle
• WCAG for Table #3 is the latest revision

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

  • Delete fiddle
• VoiceOver issue with uppercase

  CSS uppercase text shall not be spelled-out.

  • Delete fiddle
• Testing radio unselection

  Wanna use radio that can be unselected.

  • Delete fiddle
• WCAG playground

  Some native widgets to show and test basic accessibility issues.

  • Delete fiddle
• Expanding animation

  Prototype to implement simple CSS animation.

  • Delete fiddle
• WCAG input label

  Show label accessibility and labelledBy ARIA attribute.

  • Delete fiddle
• Testing radio unselection

  Wanna use radio that can be unselected.

  • Delete fiddle
• BS simple button bar

  Action button bar using BS cards for container.

  • Delete fiddle
• Dumb form

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• Simple panel

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• Keyboard listener

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• Simple fade animation

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• Using Array.map() to compute sum

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• Simple radio example

  Quick example on difference between the change and click listeners.

  • Delete fiddle
• Grow anim #1 is the latest revision

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• Vertical center

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

  • Delete fiddle
• Spacing a HR

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

  • Delete fiddle
• Anim embeded blocks #1 is the latest revision

  jQuery 2.2.4, HTML, SCSS, JavaScript

  • Delete fiddle
• BS4 collapsible card

  jQuery 2.2.3, HTML, SCSS, JavaScript

  • Delete fiddle
• Tooltips

  jQuery 2.2.3, HTML, SCSS, JavaScript

  • Delete fiddle
• Static placeholder #2 is the latest revision

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

  • Delete fiddle
• Static placeholder

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

  • Delete fiddle
• Radios with NVDA #2 is the latest revision

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

  • Delete fiddle
• popup menu #9 is the latest revision

  jQuery 1.8.3, HTML, CSS, JavaScript

  • Delete fiddle
• Language menu #1 is the latest revision

  jQuery 1.9.1, HTML, CSS, JavaScript

  • Delete fiddle