Wednesday, April 29, 2015

Material Design Stopwatch, Alarm and Timer with jQuery

We have something special for all of our readers today. We made a small JavaScript application that conforms to Google’s Material Design Guidelines. It consists of three parts – an alarm clock, a stopwatch and a timer. The application is responsive and has a bunch of subtle animations that react to user input.

We use the modern Materialize framework, together with jQuery, jQuery Timepicker and Hammer.js for touch events. Materialize turns the plain looking standard HTML input fields into these awesome Android-like switches and check boxes. It also adds the the on-click wave ink effect as it has Waves.js included in it’s package.

The post Material Design Stopwatch, Alarm and Timer with jQuery appeared first on jQuery Rain.


by Admin via jQuery Rain

No comments:

Post a Comment