Alan's public fiddles
-
0dwtza44
jQuery 1.7.2, HTML, CSS, JavaScript
-
Bootstrap 2 Skeleton with jQuery
Bootstrap 2 Skeleton with jQuery
-
Pop up
弹出层 From: http://www.w3cfuns.com/blog-5455346-5403375.html
-
Flipboard mock up
No-Library (pure JS), HTML, CSS, JavaScript
-
显示匹配项
jQuery 2.1.0, HTML, CSS, JavaScript
-
Animate.css will-animation
Shows why a will-animation class is needed in animate.css
-
CSS sprite sheet animation
No-Library (pure JS), HTML, CSS, JavaScript
-
CSS 雲流動
No-Library (pure JS), HTML, CSS, JavaScript
-
Circle picture
No-Library (pure JS), HTML, CSS, JavaScript
-
show X on the right corner
jQuery 1.7.1, HTML, CSS, JavaScript
-
easy to show system performance and network flow
D3 3.x, HTML, CSS, JavaScript
-
D3.js - Bar Chart & Sorting
Use D3.js to sort in ascending & descending order, utilizing JS Objects.
-
HighChart barchart example
Using HightCharts
-
Parse Integer in CoffeeScript
Yahoo Interview
-
xkcd fetcher
Fetches the latest xkcd with a JSONP request. It is necessary to manually set the callback function name (with "jsonpCallback") because the xkcd.com web service does not currently accept the jQuery default. Otherwise it would have been possible to use the $.getJSON() shorthand function instead of $.ajax(). You can manually fetch the JSON data as well. Examples: http://xkcd.com/info.0.json http://dynamic.xkcd.com/api-0/jsonp/comic Specific comics: http://xkcd.com/952/info.0.json http://dynamic.xkcd.com/api-0/jsonp/comic/952 In order to let the web service encapsulate the JSON in a callback function (as in this fiddle), the request URL must be appended with the desired function name, e.g.: http://dynamic.xkcd.com/api-0/jsonp/comic?callback=derp
-
CSS inline, block, inline block
CSS inline, block, inline block
-
程序员送个女朋友的情人节礼物
No-Library (pure JS), HTML, CSS, JavaScript
-
Jasmine example
A simple example of Jasmine tests using JSFiddle
-
Click on Change click me
jQuery 2.1.0, HTML, CSS, JavaScript
-
jQuery Deferred Example
jQuery 2.1.0, HTML, CSS, JavaScript