JSFiddle

Tobi's public fiddles

• Big Hover Bubble Effect

  https://lambda.xyz/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Summing list of course durations / times to hours and minutes

  Sums entries like '11m 56s' to '3h45' e.g. three js journey course or astro blog Sometimes video courses show how long all the individual videos are. Before committing to watching the videos, I want to know how long it takes to watch them all.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Stupidly trying to instantly submit select/radio option without JS

  Your Scientists Were So Preoccupied With Whether Or Not They Could, They Didn’t Stop To Think If They Should https://knowyourmeme.com/memes/your-scientists-were-so-preoccupied-with-whether-or-not-they-could-they-didnt-stop-to-think-if-they-should

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Password Hashed to Pixel Color representation

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bogosort

  https://codegolf.stackexchange.com/a/259388/117381

• Private fiddle Extra
• Delete fiddle
Groups Extra
• flexbox navigation

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Leaflet: Color gradient as map tile layer (canvas to bmp image)

  Leaflet: Color gradient as map tile layer (canvas to bmp image)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• RoamResearch Generation Tools

  - Roam block ref to Logseq generator - Date generation for next x days

• Private fiddle Extra
• Delete fiddle
Groups Extra
• toAlphaOrder, toCrossfoot, toAscii

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Animated tabs

  Original version was created by Shahir Hossaini, but I upgraded it to make it semantically correct, and get rid of JavaScript. https://dev.to/shahirhossaini/learn-how-to-make-animated-tab-layout-using-html-css-and-pure-js-24pj

• Private fiddle Extra
• Delete fiddle
Groups Extra
• v3Lc6ny2

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Unwanted line breaks - <pre>serve formatting

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Drag vs. No Drag and Select vs. No Select

  https://stackoverflow.com/questions/12906789/preventing-an-image-from-being-draggable-or-selectable-without-using-js

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Callbacks run after all calculations are done

  JS is single-threaded therefore only one code section can run at a time. Even though a callback function should have been executed, it is only executed after all previous jobs have been done. https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Fancy Animated console.log() message

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• pick implementations reduce vs. loop

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Comma operator Brain Teaser

  https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comma_Operator

• Private fiddle Extra
• Delete fiddle
Groups Extra
• nice

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• All code using array.reduce should be rewritten without array.reduce so it's readable by humans *mutes thread*

  In response to Jake Archibald (@jaffathecake) https://twitter.com/jaffathecake/status/1213077702300852224

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Tagged Tempaltes - You don't need UI framework

  primitive approach to render a templates (tagged tempalte string) on change of dependent value

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• 2
• 3
• ▶︎
• 7