bcmoney's public fiddles
-
JUDO (auto-zooming) Gokyo chart
Uses jquery + jqzoom
-
Marvel ComicBook/Superhero API
Lookup comic books, coverart, and superheroes using the Marvel API http://java.dzone.com/articles/more-examples-marvel-api
-
JS Browser/System Detection
JavaScript to detect metadata about a user's Browser, System and Hardware. For more on screen detection, see: http://tripleodeon.com/2011/12/first-understand-your-screen/
-
Alphabet Hand-Writing coach
Extended to support Japanese Hiragana characters from original version of the excellent "Stay-in-the-Letter" initial concept I saw at: https://hacks.mozilla.org/2013/06/building-a-simple-paint-game-with-html5-canvas-and-vanilla-javascript/ (by Chris Heilmann)
-
LBS: OpenLayers + GeoNames API
OpenLayers clickable mobile map integration with GeoNames API example that could be used in conjuction with Weather, Movies, Lotto, Events, Shopping or Local News data as well as a number of other Location-Based Services (LBS). Based on OpenLayers 2.x: http://dev.openlayers.org/examples/ Which is now deprecated, need to move to OL 3.x or build the old OL 2.x: https://github.com/openlayers/ol2/tree/master/build
-
OpenLayers MAP example
OpenLayers clickable mobile map example... could be used in conjuction with weather, movies as well as a number of other location-based services.
-
OpenWeatherMap API
Simplest possible implementation of the OpenWeatherMap API, using AJAX (pure-JS only) and CORS for cross-domain XML requests.
-
Twitter v2.0 JS client
Pull in Twitter data after the business team mercilessly killed off the v1.0 RSS/JSON-based AJAX Twitter API.
-
Face Recognition
Face detection and recognition using the "Rekognition" public API. Use of DragDrop inspired by: http://weblog.bocoup.com/using-datatransfer-with-jquery-events/ Get your own API Key at: http://rekognition.com/
-
Mobile Web Touch drawing
Should work on all the major device/browser combinations. (iOS, Android, BB, WP)
-
Mobile Responsive centered content layout
A horizontally/vertically centered square for content, that is responsive when flipping to landscape mode on a mobile device.
-
Alphabet Hand-Writing coach
Original version of the excellent "Stay-in-the-Letter" initial concept I saw at: https://hacks.mozilla.org/2013/06/building-a-simple-paint-game-with-html5-canvas-and-vanilla-javascript/ (by Chris Heilmann) Great for teaching kids their alphabet letters.
-
Progress meter "Fundraising Thermometer"
Forked from the original which AussieJohn (formerly user GeekyJohn) built for a sitepoint post asking for a "fundraising thermometer": https://www.sitepoint.com/community/t/code-for-a-fundraising-thermometer/21832
-
Restaurant Menu
Dotted menu description and price separator
-
Tip Calculator
jQuery 2.2.3, HTML, CSS, JavaScript
-
Progressive TagCloud
HTML5 TagCloud + WP-Cumulus Flash TagCloud Inspired and source outright lifted from open source efforts by giants before me, namely Goat1000: http://www.goat1000.com/tagcanvas.php and Roy Tanck, the father of the Web2.0 word cloud: http://www.roytanck.com/2008/05/19/how-to-repurpose-my-tag-cloud-flash-movie/
-
YouTube embedder
Convert a YouTube URL into an embedded video.
-
oEmbed test tool
Test oEmbed URLs by seeing if they can be successfully embedded into an HTML div on this page.
-
intToNumber
Converts an Integer to Number Name textual string (i.e. 1 = one)
-
Day of week
A simple calendar or info listing display for showing the current day of the week and allowing users to click on other days (which could then activate some code in your application).