JSFiddle

Fabien's public fiddles

• Private fiddle Extra
• Delete fiddle
Groups Extra
• rqonw6fh

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 0o187sh3

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Tailwind CSS (+ UI) container

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• border-radius inheritance

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Mini-phonographs

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Responsive SVG/HTML element

  A quick demo playing with the idea of using a big SVG on desktop, but a smaller div on mobile.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Vue transitions: Basic example

  Vue transitions + v-show.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Vue transitions: Basic example

  Vue transitions + v-if.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Online Phono Proto (3in1)

  All steps in one Fiddle: splash, record, compare. And with Vue on top.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Levels as Steps (circles)

  Adapted from Tailwind UI (see "Circles" in "Steps", https://tailwindui.com/components/application-ui/navigation/steps)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• How long?

  How long does it take to learn a language? A calculator.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Online Phono Proto: 2. Record

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Online Phono Proto: 1. Practice

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Online Phono Proto: Start page

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• n2cqfard

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• yLonwmsr

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Les diphtongues en anglais américain (interactif + audio)

  Toutes les diphtongues de l'anglais américain, en Alphabet Phonétique International

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Les voyelles en anglais américain (interactif + audio)

  Toutes les voyelles de l'anglais américain, en Alphabet Phonétique International.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• L'Alphabet Phonétique International en anglais américain

  Les 39 sons de l'anglais américain en une infographie interactive, avec audio, illustrations et animations.

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ▶︎
• 2