user2314737's public fiddles
-
Load JSON data in angularjs
AngularJS 1.2.1, HTML, CSS, JavaScript
-
Clip image to fit an oval container
No-Library (pure JS), HTML, CSS, JavaScript
-
Angular hello world
basic angular.js demo
-
AngularJS $watch
Keep track of current model value by using $scope Angular, AngularJS
-
4toskfLn
No-Library (pure JS), HTML, CSS, JavaScript
-
Table filled with JSON data in AngularJS
Styling:bootstrap Mock JSON data from https://www.mockaroo.com/
-
Table filled with JSON data in AngularJS
Styling:bootstrap Mock JSON data from https://www.mockaroo.com/
-
Demo of ES6 arrow functions
// Fat arrows change how `this` is handled. // ES6 Arrows bind `this` to the immediate enclosing lexical scope // I.e. the value of `this` inside an arrow function is the same as the value of `this` in the arrow’s enclosing function
-
What's my Window.devicePixelRatio?
The Window.devicePixelRatio read-only property returns the ratio of the (vertical) size of one physical pixel on the current display device to the size of one device independent pixels(dips). Check http://www.quirksmode.org/blog/archives/2012/06/devicepixelrati.html for browser support.
-
Google Maps API V3 : How show the route from point A to point B
The DirectionsService object calculates directions (using a variety of methods of transportation) and returns a route using the Google Maps API Directions Service which receives direction requests and returns computed results. Directions results can be displayed on the map by using the DirectionsRenderer. Official documentation: https://developers.google.com/maps/documentation/javascript/directions Stackoverflow question "Google Maps API V3 : How show the direction from a point A to point B" (http://stackoverflow.com/questions/5959788/google-maps-api-v3-how-show-the-direction-from-a-point-a-to-point-b-blue-line)
-
Calculate Google Maps distances with different travel modes
Display routes and calculate distance with different travel modes (driving, walking, bicycling, transit) from point A to point B.
-
Add letters to markers on Google map
To add a letter to a marker on a Google map you can use the label option, that is either a string or a MarkerLabel object (https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerLabel) IN this example I'm using a character (note that when using a string only the first character of the string will be displayed. Stackoverflow question: http://stackoverflow.com/questions/3440137/google-maps-api-adding-letters-to-my-markers-on-my-google-map
-
Simple AngularJS app
"Hello world" in AngularJS
-
Collapse an accordion when it loses focus
Collapse JQuery-UI accordion on mouseleave Mouseleave doc: https://api.jquery.com/mouseleave/ Stackoverflow question http://stackoverflow.com/questions/5889283/how-to-collapse-an-accordion-when-it-loses-focus
-
Keyboard events (keydown/keyup/keypress)
Answer to "javascript listener, “keypress” doesn't detect backspace?" (http://stackoverflow.com/questions/4843472/javascript-listener-keypress-doesnt-detect-backspace/) Single keyclick -------------------- On Chrome: - keydown/keypress/keyup when browser registers a keyboard input (keypress is fired) - keydown/keyup if no keyboard input (tested with alt, shift, backspace, arrow keys) - keydown only for tab? On Firefox - keydown/keypress/keyup when browser registers a keyboard input (keypress is fired) and also for backspace, arrow keys, tab - keydown/keyup for alt, shift The JQuery which returns the charcode when this is not 0, otherwise it returns the keycode. Note that for digits 0,1,..,9 keycode=charcode but this is not true for non-numeric characters. Quote from https://api.jquery.com/keypress/ "Note: as the keypress event isn't covered by any official specification, the actual behavior encountered when using it may differ across browsers, browser versions, and platforms."
-
5xtzdzh5
jQuery 1.9.1, HTML, CSS, JavaScript
-
Kinetic test
jQuery 1.9.1, HTML, CSS, JavaScript
-
Label positions in D3.js pie chart
D3 3.x, HTML, CSS, JavaScript
-
8k11vzyu
No-Library (pure JS), HTML, CSS, JavaScript
-
Update D3.js pie chart
Update pie chart by clicking on button