JSFiddle

Sora2455's public fiddles

• Styled range component

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jz3osbvk

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Render documentFragment with React

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Auto-colour text

  My take on https://css-tricks.com/css-variables-calc-rgb-enforcing-high-contrast-colors/ with min/max added in

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Check which barcode formats are detected

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Progressive fallback floating labels

  A 'floating label' effect that requires no JS and is progressive enhancement

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Image sizing examples

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Detect color support

  Detect support for the color input selector

• Private fiddle Extra
• Delete fiddle
Groups Extra
• A11y dropdown menu

  CSS-only dropdown menu that is keyboard accessible (inspired by https://codepen.io/grayghostvisuals/pen/ltjDa)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Lazy loading - images only

  An IntersectionObserver-based lazy loader script that still shows images with JavaScript off

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Time on page

  Record the time a user spent looking at a page

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Lazy loading

  An IntersectionObserver-based lazy loader script that still shows images with JavaScript off

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Datetime localiser

  Localises the contents of <time> tags

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Loading arrow

  A simple spinning arrow made with CSS and SVG

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Timings and errors

  Time pages that take more than two seconds to load and catches JavaScript errors for logging

• Private fiddle Extra
• Delete fiddle
Groups Extra