Pens from James Jackson https://codepen.io/jamesbjackson/ en nospam@codepen.io Copyright 2024 2014-01-06T20:07:44-07:00 Freebie Interactive Flat Design UI / Only HTML5 & CSS3 https://codepen.io/jamesbjackson/pen/DWmzzw https://codepen.io/jamesbjackson/pen/DWmzzw James Jackson

See the Code - See it Full Page - See Details

Inspired by: http://graphicburger.com/flat-design-ui-components/ Line-chart and donut-chart made by @Kseso: http://codepen.io/Kseso/pen/phiyL

]]>
Freebie Interactive Flat Design UI / Only HTML5 & CSS3 2014-01-06T20:07:44-07:00
Twitter Example With Firebase https://codepen.io/jamesbjackson/pen/kyGxgG https://codepen.io/jamesbjackson/pen/kyGxgG James Jackson

See the Code - See it Full Page - See Details

A famo.us example app. Showcases our javascript powered infinite scrollview, and multiple pages. All data is sent over firebase.

]]>
Twitter Example With Firebase 2013-12-10T12:12:01-07:00
CSS Text filling with water https://codepen.io/jamesbjackson/pen/kBqmmm https://codepen.io/jamesbjackson/pen/kBqmmm James Jackson

See the Code - See it Full Page - See Details

A text filling with water animation, for preloaders and such.

]]>
CSS Text filling with water 2013-11-17T20:21:32-07:00
3D Responsive Image Venetian Blind Transition Effect In Pure CSS https://codepen.io/jamesbjackson/pen/DeLqGd https://codepen.io/jamesbjackson/pen/DeLqGd James Jackson

See the Code - See it Full Page - See Details

Uses clip on multiple image copies to create "slices" transitioned with CSS 3D. [In-depth article on my blog](http://demosthenes.info/blog/776/3D-Venetian-Blind-Image-Transition-In-Pure-CSS). Photographs by [Sean Archer](http://500px.com/SeanArcher) and [Ila PhotoGraphic](http://500px.com/ilaPhotoGraphic)

]]>
3D Responsive Image Venetian Blind Transition Effect In Pure CSS 2013-11-12T13:06:08-07:00
Eye Switch https://codepen.io/jamesbjackson/pen/DpZXdm https://codepen.io/jamesbjackson/pen/DpZXdm James Jackson

See the Code - See it Full Page - See Details

Inspired by: http://drbl.in/iAUk

]]>
Eye Switch 2013-11-03T20:29:32-07:00
Simple Responsive Form https://codepen.io/jamesbjackson/pen/naKZYw https://codepen.io/jamesbjackson/pen/naKZYw James Jackson

See the Code - See it Full Page - See Details

Markup based on Wufoo forms.

]]>
Simple Responsive Form 2013-10-14T18:43:40-07:00
Navicon Transformicons https://codepen.io/jamesbjackson/pen/AgKOyJ https://codepen.io/jamesbjackson/pen/AgKOyJ James Jackson

See the Code - See it Full Page - See Details

]]>
Navicon Transformicons 2013-10-11T22:21:18-07:00
Navicon Transformicons https://codepen.io/jamesbjackson/pen/nzaOrX https://codepen.io/jamesbjackson/pen/nzaOrX James Jackson

See the Code - See it Full Page - See Details

]]>
Navicon Transformicons 2013-10-11T10:11:03-07:00
A Pen by James Jackson https://codepen.io/jamesbjackson/pen/nVxeqv https://codepen.io/jamesbjackson/pen/nVxeqv James Jackson

See the Code - See it Full Page - See Details

]]>
A Pen by James Jackson 2013-10-01T16:26:17-07:00
A Pen by James Jackson https://codepen.io/jamesbjackson/pen/kdeGwo https://codepen.io/jamesbjackson/pen/kdeGwo James Jackson

See the Code - See it Full Page - See Details

]]>
A Pen by James Jackson 2013-10-01T16:26:08-07:00