Pens from Jordan Brauer https://codepen.io/jordanbrauer/ en nospam@codepen.io Copyright 2024 2018-08-17T04:53:06-07:00 Playing w/ Charts https://codepen.io/jordanbrauer/pen/PBMoYR https://codepen.io/jordanbrauer/pen/PBMoYR Jordan Brauer

See the Code - See it Full Page - See Details

]]>
Playing w/ Charts 2018-08-17T04:53:06-07:00
ecommerce dashboard https://codepen.io/jordanbrauer/pen/jLExMY https://codepen.io/jordanbrauer/pen/jLExMY Jordan Brauer

See the Code - See it Full Page - See Details

]]>
ecommerce dashboard 2017-07-26T15:29:59-07:00
Menu "Hamburger" Icon Animations https://codepen.io/jordanbrauer/pen/ZJEOXr https://codepen.io/jordanbrauer/pen/ZJEOXr Jordan Brauer

See the Code - See it Full Page - See Details

Many folks use these, and their merits can be argued, but for practical purposes, the "Hamburger" icon has familiarity going for it, at the very least. These animations add a little more transparency to what it means from a UI perspective by transforming it into another recognizable icon - the closing "x". Full walkthrough here: http://designcouch.com/home/why/2014/06/23/playing-with-hamburger-icon-animations/

]]>
Menu "Hamburger" Icon Animations 2017-07-24T02:15:35-07:00
Google Maps API Playground https://codepen.io/jordanbrauer/pen/ZeaymZ https://codepen.io/jordanbrauer/pen/ZeaymZ Jordan Brauer

See the Code - See it Full Page - See Details

]]>
Google Maps API Playground 2017-03-17T17:32:22-07:00
Knockout.js Playground https://codepen.io/jordanbrauer/pen/jBGKmB https://codepen.io/jordanbrauer/pen/jBGKmB Jordan Brauer

See the Code - See it Full Page - See Details

]]>
Knockout.js Playground 2017-03-16T03:41:57-07:00
A Pen by Jordan Brauer https://codepen.io/jordanbrauer/pen/xqVNzQ https://codepen.io/jordanbrauer/pen/xqVNzQ Jordan Brauer

See the Code - See it Full Page - See Details

]]>
A Pen by Jordan Brauer 2017-03-03T18:16:59-07:00
Foundation 6 Magellan https://codepen.io/jordanbrauer/pen/ZBjVbr https://codepen.io/jordanbrauer/pen/ZBjVbr Jordan Brauer

See the Code - See it Full Page - See Details

]]>
Foundation 6 Magellan 2016-12-10T21:47:59-07:00
A Pen by Jordan Brauer https://codepen.io/jordanbrauer/pen/zoGzzW https://codepen.io/jordanbrauer/pen/zoGzzW Jordan Brauer

See the Code - See it Full Page - See Details

]]>
A Pen by Jordan Brauer 2016-11-09T05:27:10-07:00
Timato tags https://codepen.io/jordanbrauer/pen/rMEMqp https://codepen.io/jordanbrauer/pen/rMEMqp Jordan Brauer

See the Code - See it Full Page - See Details

]]>
Timato tags 2016-10-29T21:00:26-07:00
Notification Animation https://codepen.io/jordanbrauer/pen/ZpwQYM https://codepen.io/jordanbrauer/pen/ZpwQYM Jordan Brauer

See the Code - See it Full Page - See Details

]]>
Notification Animation 2016-10-22T23:19:41-07:00