JSFiddle

user2314737's public fiddles

• CSS accent-color

  Browsers that support accent-color currently apply it to the following HTML elements: <input type="checkbox"> <input type="radio"> <input type="range"> <progress> (https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color) Color schemes for accent-color demo: https://accent-color.glitch.me/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 2ajxcbsz

  Mootools 1.3.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 487zm6vu

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• o1uLm2d3

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Simple animated modal

  Modal slides in from the bottom

• Private fiddle Extra
• Delete fiddle
Groups Extra
• c2bjms56

  jQuery 3.4.1, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• pqxrt95w

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• View random image from unsplash

  Use "?" in URL to bypass cache

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Transition

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Basic Live2D (l2dwidget) demo with hijiki model

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Cats

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Basic Live2D (l2dwidget) demo with hijiki model

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Basic Live2D (l2dwidget) demo with tororo model

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Basic Live2D (l2dwidget) demo

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• fgan8m02

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 5pzL8hq0

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• React

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Building a search input in alpine.js

  Alpine is a rugged, minimal tool for composing behavior directly in your markup. Think of it like jQuery for the modern web. Plop in a script tag and get going. Alpine is a collection of 15 attributes, 6 properties, and 2 methods. (https://alpinejs.dev/) Demo from https://alpinejs.dev/start-here#building-a-search-input

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Basic alpine.js demo

  Source: https://alpinejs.dev/start-here#building-a-counter

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Live typing a random quote

  Quotes are from the Quotable API https://github.com/lukePeavey/quotable From mdn web docs "create fancy boxes": https://developer.mozilla.org/en-US/docs/Learn/CSS/Howto/create_fancy_boxes Nice styles for quotes: https://freefrontend.com/css-quote-styles/

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 2
• 3
• 4
• 5
• ▶︎
• 17