JSFiddle

forest51690's public fiddles

• yp4so6vd

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Three.js lines add vertices

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• 0a9coqLs

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• AngularJS providers with class inheritance

  Creating providers that inherit properties and methods from parent functions. I think it's prototypical inheritance.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JS function property inheritance

  Shows how to use the prototype property to add properties to a function.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Angular Tabs

  Using directives to make tabbed panes

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Angular Tabs

  Using directives to make tabbed panes

• Private fiddle Extra
• Delete fiddle
Groups Extra
• CSS3 Rotation

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Unicode Loading Animations

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Mashup MapCruncher tiles with Bing map

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• OpenLayers Mickey Mouse SVG

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Semantic Versioning via JS

  Defines a simple object, with methods to update the version number in three ways: 1. updating the major version, 2. updating the minor version, and 3. updating the patch version From "Semantic Versioning" (http://semver.org/)

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JavaScript Private Member Variables

  This example shows how to create private member variables on an object. We create two private variables called '_name' and '_ssn' in an object called Person. These variables may be accessed and modified via getters and setters. Due to limitations in variable scope, the getters and setters must be created inside the constructor, and so they will exist on every instance of the Person. This allocates more memory than prototypical inheritance, where the methods exist only in Parent. I recommend keeping the getters and setters small and simple, and putting more complex logic in the inherited methods such as 'speak', in the example. But I would prefer to give up using private variables altogether. The language does not support it well enough, as of EC3. I would rather lean towards annotating variables with JSDoc comments so that something like the Google Closure Compiler can pick up on inappropriate private variable usage.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• Person - Object Pattern Example

  I illustrate a JavaScript object-oriented example of inheritance involving private static variables, public member variables and inherited methods.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• JavaScript Class pattern

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

• Private fiddle Extra
• Delete fiddle
Groups Extra
• HTML labels

  This demonstrates the benefits of HTML labels. They are useful to increase the clickable area of checkboxes and radio buttons on forms.

• Private fiddle Extra
• Delete fiddle
Groups Extra
• jQuery Validator plugin

  simple use

• Private fiddle Extra
• Delete fiddle
Groups Extra
• ManagePhoneFields

  Manages phone input fields with automatic tabs. Takes into account keyboard users who tab through, and backspace deletions.

• Private fiddle Extra
• Delete fiddle
Groups Extra