- Include the AniJS library.
- Optionaly you can include some CSS animation definitions.
<head> <!-- Animate.css library --> <link rel="stylesheet" href="http://anijs.github.io/lib/animationcss/animate.css"> </head>
- Start playing by adding data-anijs tag to any HTML element.
<body> <header data-anijs="if: click, do: flipInY animated"> header </header> <nav data-anijs="if: scroll, on: window, do: swing animated, to: footer"> nav </nav> <div id="main" data-anijs="if: mouseover, on: body, do: swing animated"> if: load, on: window, do: swing animated </div> <footer> footer </footer> <script src="anijs-min.js"></script> </body>
Also check out AniJS Studio. A Chrome Extention for prototyping AniJS animations on any page.
I use this to edit my wordpress posts in Markdown. Just being able to press tab to indent text instead of tabbing
to the next field makes this extension worthwhile.
Tired of clicking around in your browser trying to make sure your applications work as expected? Capybara is a library written in the Ruby programming language which makes it easy to simulate how a user interacts with your application.
Capybara can talk with many different drivers which execute your tests through the same clean and simple interface. You can seamlessly choose between Selenium, Webkit or pure Ruby drivers.
Tackle the asynchronous web with Capybara’s powerful synchronization features. Capybara automatically waits for your content to appear on the page, you never have to issue any manual sleeps.