Michael's public fiddles
-
How to load AngularJS fully encapsulated
An example of how you might load an AngularJS application fully encapsulated into a single custom directive.
-
How to load multiple AngularJS applications on a single page
An example of how you might load multiple AngularJS applications on the same page but fully encapsulated from each other.
-
wb4829xx
No-Library (pure JS), HTML, CSS, JavaScript
-
ctut3xqy
jQuery 2.1.3, HTML, CSS, JavaScript
-
ngRepeat Over Unknown Object
This fiddle shows how you might perform an ng-repeat against an unknown object. You'd clearly have to wrap this in another ng-repeat where it repeated all items in an array.
-
Weird Bugs
This is an example of how weird bugs can get.
-
Recursion in JavaScript with an IIFE
This example shows how recursion can be performed in JavaScript using an IIFE so that when you have a strung together set of workflow you don't have to go hunting for those named functions.
-
Building Form Auto Size
This will auto size the entire surrounding #secondary div to the size specified, as well as the inner .hero divs and their images.
-
Contact Form Auto Size
This will auto size the entire surrounding #secondary div to the size specified, any inner divs to the percentage of the divisor, and the image to the remaining. It will also set the width of the overall div to the width of the image so that the other divs fit properly on top of the image.
-
Downloading a File and Blobs
This fiddle is meant to provide an example of how you might download a file using jQuery and then leverage a Blob to give the client a clickable link.
-
Angular JSON Editor POC
This is a proof of concept for the AngularJS wrapper for Jason Dorn's JSON editor.
-
AngularJS Performance: debugInfoEnabled
The purpose of this fiddle is to show you how to turn off debug features in AngularJS 1.3.8 by leveraging the debugInfoEnabled function. NOTE: by default the debug info is turned off. Click the enable button to see what it looks like with debug info turned on. Take note that you now see stuff like class="ng-scope" attached to the elements. This information is necessary for AngularJS to provide debug info to tools like Protractor and developers as well.
-
One-time binding will rebind with ng-if
This fiddle is to prove that a one-time binding is reevaluated when coupled with an ng-if, specifically when the HTML is added back to the DOM.
-
Pagination with angular-ui-bootstrap
The dependencies are the key, and the order they are loaded in is very important.
-
Milliseconds from Epoch directive
When you're underlying data source is bound to a milliseconds from epoch value it requires some work to both display and edit it. The display is fairly easy because of the AngularJS date filter.
-
Stripping text with a directive
No-Library (pure JS), HTML, CSS, JavaScript
-
7d74yLyu
No-Library (pure JS), HTML, CSS, JavaScript
-
hst9um5z
No-Library (pure JS), HTML, CSS, JavaScript