Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 49 lines (47 sloc) 3.249 kB
b9067bf @jeremyckahn Made a home page.
authored
1 <!DOCTYPE html>
2 <html>
3 <head>
f77db43 @jeremyckahn Adds .toCSS() exporting functionality.
authored
4 <title>Rekapi - A keyframe animation library for JavaScript</title>
b9067bf @jeremyckahn Made a home page.
authored
5 <link href='http://fonts.googleapis.com/css?family=Petrona' rel='stylesheet' type='text/css'>
5dab126 @jeremyckahn Moved the styles to a file.
authored
6 <link href='lib/style.css' rel='stylesheet' type='text/css'>
b9067bf @jeremyckahn Made a home page.
authored
7 </head>
8 <body>
9 <div id="main-container">
10 <header>
aca023d @jeremyckahn Added logo.
authored
11 <a href="."><img src="demo/img/rekapi-logo-600.png" alt="Rekapi logo"></a>
f77db43 @jeremyckahn Adds .toCSS() exporting functionality.
authored
12 <h2>A keyframe animation library for JavaScript</h2>
b9067bf @jeremyckahn Made a home page.
authored
13 </header>
020dda5 @jeremyckahn Some copy changes to the landing page.
authored
14 <p>Rekapi is a helpful library for making beautiful <code>&lt;canvas&gt;</code> and DOM animations. Here are some examples of what can be easily made with Rekapi:</p>
b9067bf @jeremyckahn Made a home page.
authored
15 <ul>
16 <li><a href="demo/bargraph.html">An animated graph.</a></li>
17 <li><a href="demo/bubbles.html">Confetti!</a></li>
18 <li><a href="demo/catimate.html">Tweening Octocat.</a></li>
37249ff @jeremyckahn Added a pie chart demo.
authored
19 <li><a href="demo/pie.html">You can even make pie charts.</a></li>
b9067bf @jeremyckahn Made a home page.
authored
20 </ul>
020dda5 @jeremyckahn Some copy changes to the landing page.
authored
21 <p>You can play with the API in a live sandbox <a href="sandbox.html">here</a>, and experiment with the different easing formulae <a href="ease.html">here</a>.</p>
22 <p>Rekapi can also <a href="https://github.com/jeremyckahn/rekapi/blob/master/docs/to-css.md" target="_blank">export</a> your DOM animations to CSS3 <code><a href="https://developer.mozilla.org/en/CSS/@keyframes" target="_blank">@keyframes</a></code> for enhanced performance. If you don't want to deal with timelines and tweening yourself, Rekapi is the library for you! Rekapi depends on Underscore.js and Shifty.js. Here's everything you need:<p>
b9067bf @jeremyckahn Made a home page.
authored
23 <ul>
24 <li><a href="https://raw.github.com/documentcloud/underscore/master/underscore-min.js">Underscore.</a></li>
7ad7311 @jeremyckahn Fixes a URL in index.html.
authored
25 <li><a href="https://raw.github.com/jeremyckahn/shifty/master/dist/shifty.min.js">Shifty.</a></li>
b9067bf @jeremyckahn Made a home page.
authored
26 <li><a href="https://raw.github.com/jeremyckahn/rekapi/master/dist/rekapi.min.js">Rekapi.</a></li>
27 </ul>
6dfebe7 @jeremyckahn Updated the index.html and demo pages.
authored
28 <p>Alternatively, you can just load a single, minified file with all of the dependencies:</p>
29 <ul>
30 <li><a href="https://raw.github.com/jeremyckahn/rekapi/master/dist/rekapi.bundle.min.js">rekapi.bundle.min.js</a></li>
31 </ul>
020dda5 @jeremyckahn Some copy changes to the landing page.
authored
32 <p>The <a href="https://github.com/jeremyckahn/rekapi/blob/master/README.md">README</a> will get you up to speed on how to use Rekapi, and you can use the <a href="https://github.com/jeremyckahn/rekapi/blob/master/docs/api.md">API documentation</a> as a reference for everything you can do with it. Happy animating!</p>
b9067bf @jeremyckahn Made a home page.
authored
33 <footer>Rekapi is free and open source software, obsessively made by <a href="http://www.jeremyckahn.com" target="_blank">Jeremy Kahn</a>.</footer>
34 </div>
35 <a id="fork-me-link" href="https://github.com/jeremyckahn/rekapi/"><img src="demo/img/forkme.png" alt="Fork me!" /></a>
36 <script type="text/javascript">
37 var _gaq = _gaq || [];
3f4e147 @jeremyckahn Updates Google Analytics code.
authored
38 _gaq.push(['_setAccount', 'UA-28621278-1']);
b9067bf @jeremyckahn Made a home page.
authored
39 _gaq.push(['_trackPageview']);
40
41 (function() {
42 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
43 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
44 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
45 })();
46 </script>
47 </body>
48 </html>
Something went wrong with that request. Please try again.