Christian's public fiddles
-
f6c9a326
No-Library (pure JS), HTML, CSS, JavaScript
-
ptLg7ws8
jQuery 2.1.0, HTML, CSS, JavaScript
-
wpo2L45a
jQuery 2.1.0, HTML, CSS, JavaScript
-
Lsa7xttc
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.
-
requestAnimationFrame vs setTimeout
animation(or game) loop with requestAnimationFrame progress bar with setTimeout will be delayed by heavy process. one with requestAnimationFrame will be drawn on accurate time course on GoogleChrome. (not good on firefox)
-
7b0a45hq
jQuery 1.11.0, HTML, CSS, JavaScript
-
2Lmgf7jr
No-Library (pure JS), HTML, CSS, JavaScript
-
angularJs resize
follow window resizing in angularjs scope simple example to modify angularJs scope from external javascript
-
AngularJS - window resize
jQuery 1.9.1, HTML, CSS, JavaScript
-
e8rv9n65
No-Library (pure JS), HTML, CSS, JavaScript
-
Angular: ng-if
http://angularjs.org/
-
9y2ux7sg
jQuery 1.11.0, HTML, CSS, JavaScript
-
3j6kd3ft
Mootools 1.3.2, HTML, CSS, JavaScript
-
AngularJS - Google location service
jQuery 1.8.3, HTML, CSS, JavaScript
-
910hgj6u
AngularJS 1.1.1, HTML, CSS, JavaScript
-
y2wpqqqu
AngularJS 1.1.1, HTML, CSS, JavaScript
-
CSS3 Translate3d -Z Value Bug Fix
jQuery 1.7.1, HTML, CSS, JavaScript
-
j60gzr10
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS animation example
Mootools 1.4.0, HTML, CSS, JavaScript