JSFiddle

michaelvli's public fiddles

• v3 composition api paginate

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• v3 composition api paginate

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Handling API response of a JSON object

  A PHP API used json_encode to create a response which returned "a string containing the JSON representation of" a multidimensional array containing three rows from a db (see "wordsArray"). Resources: http://www.dyn-web.com/tutorials/php-js/json/multidim-arrays.php

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Objects and Methods and Prototype

  1. Creating objects with constructors or object literals 2. Different ways of creating and calling methods for objects 3. Using inheritance between object classes (classes = object type) 4. Using prototype to add methods that can be shared across different objects of the same class (or Object Type)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Shows how Javascript executes using callbacks and nested functions

  No-Library (pure JS), HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Promises tutorial - section: Defining the Promise type

  Very interesting JS behavior with creating object types and calling methods. http://www.mattgreer.org/articles/promises-in-wicked-detail/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Promises and thens

  Figuring out how javascript's single-threaded nature handles asynchronous execution with promises and thens.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Revealing Module Pattern for tracking pane status

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Simulate web service response

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Using functions to simulate classes

  http://addyosmani.com/resources/essentialjsdesignpatterns/book/

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Cycling through object properties in Revealing Module Pattern

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Revealing Module Pattern

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Right and Left elements in a row

  HTML and CSS for a horizontal element that contains and element on the left and an element on the right

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap Switch

  Width for .bootstrap-switch-container element doesn't always sum to the width of the child span elements. This results in the height of the container being too tall, causing the user to see the "on" and "off" state at the same time.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Bootstrap Switch

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Deferred and Promises

  Using deferred and promises to sequentially execute animation

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ScrollTop experimenting

  jQuery 1.11.0, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra
• .when().then() construct

  Using the .when().then() to synchronize animation

• Private fiddle Extra
• Delete fiddle
Groups Extra
• GD3JH

  jQuery 1.7.2, HTML, CSS, JavaScript

• Private fiddle Extra
• Delete fiddle
Groups Extra