DayPath Journal

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