HugeHugh's public fiddles
-
Custom Font Awesome Satellite Icon
No-Library (pure JS), HTML, CSS, JavaScript
-
Countdown Timer
jQuery 1.11.0, HTML, CSS, JavaScript
-
Multi-list Filter
jQuery 1.11.0, HTML, CSS, JavaScript
-
Shutter Animation
jQuery 1.11.0, HTML, CSS, JavaScript
-
Shutter Animation
jQuery 1.11.0, HTML, CSS, JavaScript
-
Css loading spinner
No-Library (pure JS), HTML, CSS, JavaScript
-
4AjQU
No-Library (pure JS), HTML, CSS, JavaScript
-
Keep Bootstrap Popover open when you hover over content
Popover with 'trigger: hover' option disappears when you move mouse away from the trigger element – even if you move mouse to the actual popover. Try to click a darn link in the popover. Sometimes while moving mouse from popover trigger to actual popover content diagonally, you hover over elements below. I wanted to handle such situations – as long as you reach popover content before the timeout fires, you're save (the popover won't disappear). It requires delay option. This hack basically overrides Popover leave function, but calls the original (which starts timer to hide the popover). Then it attaches a one-off listener to mouseenter popover content element's. If mouse enters the popover, the timer is cleared. Then it turns it listens to mouseleave on popover and if it's triggered, it calls the original leave function so that it could start hide timer.
-
Fast Forward Arrow
No-Library (pure JS), HTML, CSS, JavaScript
-
Keep Bootstrap Popover open when you hover over content
Popover with 'trigger: hover' option disappears when you move mouse away from the trigger element – even if you move mouse to the actual popover. Try to click a darn link in the popover. Sometimes while moving mouse from popover trigger to actual popover content diagonally, you hover over elements below. I wanted to handle such situations – as long as you reach popover content before the timeout fires, you're save (the popover won't disappear). It requires delay option. This hack basically overrides Popover leave function, but calls the original (which starts timer to hide the popover). Then it attaches a one-off listener to mouseenter popover content element's. If mouse enters the popover, the timer is cleared. Then it turns it listens to mouseleave on popover and if it's triggered, it calls the original leave function so that it could start hide timer.
-
Splitter
3px actual height, 1 px visual height
-
Custom Font Awesome Satellite Icon
No-Library (pure JS), HTML, CSS, JavaScript
-
VX443
No-Library (pure JS), HTML, CSS, JavaScript
-
jF7tK
No-Library (pure JS), HTML, CSS, JavaScript
-
SktLP
No-Library (pure JS), HTML, CSS, JavaScript
-
f6u67
Knockout.js 3.0.0, HTML, CSS, JavaScript
-
pending message prototype
jQuery 2.1.0, HTML, CSS, JavaScript
-
Uninitialized Js Var
No-Library (pure JS), HTML, CSS, JavaScript
-
Custom Font Awesome Satellite Icon
No-Library (pure JS), HTML, CSS, JavaScript
-
Custom Dotted Border
No-Library (pure JS), HTML, CSS, JavaScript