Calendar - Animation

Link to implementation:
http://codepen.io/MaxStalker/pen/dPoZpG

This time I decided to replicate calendar interaction from Ramotion's work. Day selection wasn't covered in initial video so I decided to make that one myself.

Each time calendar is collapsed it will change the date in the header, so next expansion would show different date.

To close expanded version you need to press Esc, cause for some reasons click event on body wasn't always firing.

There are still some things which can be done to make it even closer to original, but I decided to stop here, cause fine-tuning took slightly more time than I expected.

To add something new to the training I steped into process automation and learnt some new stuff about Yeoman, Grunt and Bower. That stack is really cool, but I'm not sure I need all of it's power for my current projects. Still, highly recommend.

More by Max Daunarovich

View profile