forest51690's public fiddles
-
yp4so6vd
No-Library (pure JS), HTML, CSS, JavaScript
-
Three.js lines add vertices
No-Library (pure JS), HTML, CSS, JavaScript
-
0a9coqLs
No-Library (pure JS), HTML, CSS, JavaScript
-
AngularJS providers with class inheritance
Creating providers that inherit properties and methods from parent functions. I think it's prototypical inheritance.
-
JS function property inheritance
Shows how to use the prototype property to add properties to a function.
-
Angular Tabs
Using directives to make tabbed panes
-
Angular Tabs
Using directives to make tabbed panes
-
CSS3 Rotation
No-Library (pure JS), HTML, CSS, JavaScript
-
Unicode Loading Animations
No-Library (pure JS), HTML, CSS, JavaScript
-
Mashup MapCruncher tiles with Bing map
No-Library (pure JS), HTML, CSS, JavaScript
-
OpenLayers Mickey Mouse SVG
No-Library (pure JS), HTML, CSS, JavaScript
-
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/)
-
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.
-
Person - Object Pattern Example
I illustrate a JavaScript object-oriented example of inheritance involving private static variables, public member variables and inherited methods.
-
JavaScript Class pattern
No-Library (pure JS), HTML, CSS, JavaScript
-
HTML labels
This demonstrates the benefits of HTML labels. They are useful to increase the clickable area of checkboxes and radio buttons on forms.
-
jQuery Validator plugin
simple use
-
ManagePhoneFields
Manages phone input fields with automatic tabs. Takes into account keyboard users who tab through, and backspace deletions.