My CodePen.io Angular Samples

Organizing in the studio! This handmade rollup of my CodePen.io pens must be done (but I am sure CodePen.io will have a reporting feature—besides that public-Pen RSS feed—that will do this for me one day). For this document, I have categorized my pens into ‘generic’ and ‘hand-synched’—the former represents the original codepen.io and the latter is my pushing the envelope, trying to use codepen.io like a cross between Visual Studio Online and Expression Blend. I do understand the pro version of codepen.io gives me storage for asset hosting and may consider this in future (especially when there’s some kind of Visual Studio plugin out there integrating with codepen.io).

Generic Angular pens:

Angular: `$sce.trustAsResourceUrl`	http://codepen.io/rasx/pen/ykDGi
Angular: 1.2.x Animation (part 1)	http://codepen.io/rasx/pen/hgnDq
Angular JS 1.x `providers`	http://codepen.io/rasx/pen/qZeaGz
Angular JS 1.4.x `decorators`	http://codepen.io/rasx/pen/XdvYJy
Angular: Fading between Blocks	http://codepen.io/rasx/pen/fjoaC
Angular: Image Viewer	http://codepen.io/rasx/pen/lFAaC
Angular: Image Viewer with Effects	http://codepen.io/rasx/pen/qjGDw
Angular: Multiple Templates	http://codepen.io/rasx/pen/jgirc
Angular: Multiple Templates w/ ngRoute and ngAnimate	http://codepen.io/rasx/pen/qdKoMY
Angular: Multiple Templates w/ ngRoute, ngAnimate and a Directive	http://codepen.io/rasx/pen/gpjaoZ
Angular: ngIf	http://codepen.io/rasx/pen/fFzwy
Angular UI: ASP.NET Default Page	http://codepen.io/rasx/pen/zxdJQK
Angular UI: jumbotron with background image	http://codepen.io/rasx/pen/oXMPMV
Angular UI: pagination	http://codepen.io/rasx/pen/xGadEB
Angular UI: ui-sortable with bootstrap	http://codepen.io/rasx/pen/myBGQB
Display Data by Selected Group with Underscore and AngularJS	http://codepen.io/rasx/pen/XJJKYX
Embedding Code Pen and GitHub Content in an Angular Template	http://codepen.io/rasx/pen/xGaXrN
form validation with ngMessages	http://codepen.io/rasx/pen/bVVjPW
odetocode.com: Group and Display Data with Underscore and AngularJS	http://codepen.io/rasx/pen/BjCkH
odetocode.com: Using ngOptions In AngularJS (part 2)	http://codepen.io/rasx/pen/azzZEZ
odetocode.com: Using ngOptions In AngularJS	http://codepen.io/rasx/pen/VYYZEa

Hand-synched Angular pens:

b-roll progressive audio presentation API	http://codepen.io/rasx/pen/XXWWLz
Songhay Studio: Day Path Index Layout with Grouping	http://codepen.io/rasx/pen/rVMJVW
YouTube Data API Responsive Angular Directive	http://codepen.io/rasx/pen/gMpGWN

https://github.com/BryanWilhite/