Learn HTML & CSS - Course We just launched a (free) video course that teaches the basics of front-end design (from the perspective of a UI designer)! Kudos to @gmellera for ...
Advanced Search Animation We've been experimenting with an advanced search form concept. The idea is to provide filtering options and quick links upfront as a way to narrow ...
Vertical Fixed Navigation With the @CodyHouse team, we've been experimenting with a concept of vertical navigation. The idea was to make the "navigation bullets" pattern mor...
Squeezebox Animation Animated prototype of our last CodyHouse resource! An intro block that slides out to uncover a gallery of portfolio items. Live demo: http://codyh...
Animated Hero Slider I've been experimenting some SVG animations with the @CodyHouse team. These kind of interactions come up easily when a designer collaborates with a...
Sign Up Flow Been working with the CodyHouse team on an experimental ux pattern for a sign up process. We ended up animating the pricing item into a sign up win...
Page Transition Prototype of the last CodyHouse resource. We've been playing around the idea of replacing the refresh of the page with an animation, while the new ...
Dropdown Simple dropdown concept for a CodyHouse resource. Here is the live version: http://codyhouse.co/demo/mega-dropdown/index.html
3d Folding Panel I really like 3D folding animations (like in the Peek Calendar iOS app, or Taasky) when they fit nicely the UX flow. So I decided to give it a try ...
Animated menu icon - process Menu icon animation split in 3 steps. Live version: http://codyhouse.co/demo/full-screen-pushing-navigation/index.html
Style Guide I put together a handy style guide template, that can be easily customized in CSS and uploaded on your server for sharing with teammates and client...
Rounded Animated Navigation After played a bit with the Ping iOS app, I worked with @Claudia Romano to create the same navigation effect in CSS & jQuery. The result was ki...