JSFiddle

bcmoney's public fiddles

• Knockout.JS

  JS lib #15

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Handlebars.JS

  JS lib #14

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Mustache.JS

  JS lib #13

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Underscore.JS

  JS lib #12

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Backbone.JS

  JS lib 11

• Private fiddle Extra
• Delete fiddle
Groups Extra
• React.JS

  JS Framework 2.0 -- Non-JSX example, meant to be used as a starting point for creating small projects with React. This uses React with Addons. For React Native (Mobile apps) see: https://facebook.github.io/react-native/docs/getting-started.html#content

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Angular.JS

  JS Framework 2.0 -- Angular v1.2.1 - basic demo: http://angularjs.org/ NOTE: this won't work when updating library to new Angular.JS v2.x due to library incompatibilities

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Meteor.JS

  Meteor.JS end-to-end JavaScript framework: http://guide.meteor.com/index.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Ember.JS

  Ember.JS quick start: https://guides.emberjs.c om/v2.6.0/getting-started/quick-start/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Vue.JS

  Vue.JS Hello World example: http://vuejs.org/guide/index.html

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Knockout.JS

  Knockout.JS Hello World example: http://knockoutjs.com Update input text and hit enter for dynamic content.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• YUI.js

  JS Framework 1.0 -- Yahoo User Interface library (YUI), was a major innovator in 2006-2007 but got surpassed by ExtJS & jQuery. For reference, see: http://yuilibrary.com/yui/docs/examples/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Dojo.JS

  JS Framework 1.0 -- Dojo classic demo: http://dojotoolkit.org/documentation/tutorials/1.10/hello_dojo/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• MooTools.JS

  JS Framework 1.0 -- MooTools.JS basic example, for more see: http://mootools.net/core/docs/1.6.0

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Prototype.JS

  JS Framework 1.0 ------------------- #1 Prototype.JS ------------------- Old-school demo, this one focused on Event Delegation (which was a major benefit of Prototype until it got added to the other JS libs): http://prototypejs.org/learn/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Mobile simulate Double-Click event

  Using a "dblclick" event handler polyfill for touch devices. http://gist.github.com/mckamey/2927073

• Private fiddle Extra
• Delete fiddle
Groups Extra
• HTML5 + JavaScript - Accelerometer

  Get data from a mobile device's accelerometer sensor. Even some laptops are equipped with it, so you never know give it a try... if ball stays put you probably don't have an accelerometer chip on board... (might be worth quickly checking your device's settings to see if something's there but disabled).

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Fisheye Menus - jQuery .vs. JS .vs. CSS .vs. CSS3

  Three example Fisheye Menus, the first is a jQuery plugin: http://interface.eyecon.ro/demos/fisheye.html The second is lightweight JavaScript/CSS with no external dependencies: http://marcgrabanski.com/fisheye-javascript-menu/ The third is a CSS-only option which approximates the same look & feel and also optionally uses CSS Sprites (single-image for large and small icons): http://onwebdev.blogspot.com/2010/06/pure-css-fisheye-menu-with-icons.html The fourth is a CSS3 menu which uses the new animations & transforms features to create the same pure CSS approxiamtion: http://tjameswhite.com/demos/fisheye/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• HTML5 Microdata + Microformats (hCard, hCalendar, hEvent)

  Cleaned up (CSS separated out from inline and OpenGraph Protocol Microdata attributes added) version of the data examples created by the official generators... * hCard Creator: http://microformats.org/code/hcard/creator * hCalendar Creator: http://microformats.org/code/hcalendar/creator * hReview Creator: http://microformats.org/code/hreview/creator For more info, see... * xHTML Microformats: http://microformats.org/ * OpenSchema vocabulary: http://schema.org/docs/schemas.html * HTML5 Microdata spec: http://www.w3.org/TR/microdata/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• PhotoSwipe - Mobile Image Gallery

  The only thing better than the quick & dirty Futurebox3 CSS solution for inline modals/popups is the mobile-compatible (as in touches/gestures/intents) PhotoSwipe library. It is a standalone lightweight JS full-fledged image gallery library rather than a shortcut to getting some inline content popped up. Use for more beautiful photography-centric rather than HTML/content-centric use cases.

• Private fiddle Extra
• Delete fiddle
Groups Extra

• 1
• ◀︎
• 3
• 4
• 5
• 6
• 7
• ▶︎
• 10