Permalink
Browse files

Edits and Comments

Edited minor directory changes, reset the main image to the classic,
and added notes on compatibility.
  • Loading branch information...
1 parent e9e55ba commit 2b8926c617400cdd74ac1ff1888c3df68e46602b Matt Lantz committed Oct 31, 2012
Showing with 12 additions and 10 deletions.
  1. +12 −10 docs/index.html
View
@@ -37,7 +37,7 @@ <h1 class="seo">AliceJS - (A Lightweight Independent CSS Engine)</h1>
<!-- AliceJS Logo (CSS Sprites) -->
<div id="logo">
<div>
- <div id="logo-alice-img"></div>
+ <div id="logo-alice-img-original"></div>
</div>
<div id="logo-alice-txt-alice">
<div id="logo-alice-txt-a"></div>
@@ -68,6 +68,9 @@ <h1 class="seo">AliceJS - (A Lightweight Independent CSS Engine)</h1>
<p>So I decided to explore the ability to package such animations in a very lightweight library that would set up all the CSS and manage my base HTML for me, and keep my page clean of "effects logic". AliceJS was born. I had no idea where this could lead and I literally felt like the real Alice following the white rabbit down a scary hole. Very quickly, it became clear that lots of cool things could be done that would not just be fancy animations, but which could actually make a general UI better, and help with games too. This is an area that Research In Motion (RIM) is particularly interested in, pushing boundaries in graphically rich web applications to create more compelling experiences.</p>
<p>We are experimenting with many UI components, with tying in sensors, adding physics, and even organics. This is perhaps one of the more exciting feature of AliceJS. The human eye is very good at spotting differences in movement. Something so subtle as a millisecond difference can be perceived. Achieving natural/organic randomness is at the heart of most high-end visual effects in Hollywood blockbuster films. The beauty is that we don't need to reach that level of sophistication to give an effect some variability so that during the lifetime of the application, things don't feel repetitive. Varying just slightly the speed, perspective, and over-rotation on a flip effect adds a degree of subtle "freshness" every time it comes up.</p>
+ <h2>Alice 0.1, 0.2 Compatibility and Special Notes</h2>
+ <p>With version 0.5 we've introduced some changes to the core and cheshire while introducing the all new caterpillar effect. However, with great change comes great responsibity, and it is our responsibility to inform you that 0.5 is not compatible with 0.2, or 0.1. The main reason for this stems from the transition to object based paramters for the different methods.</p>
+
<h2>Demos</h2>
<a href="demos/index.html" class="big button">View Demos</a>
@@ -165,7 +168,7 @@ <h1 class="seo">AliceJS - (A Lightweight Independent CSS Engine)</h1>
<p>Finally, although we focus primarily on hardware-accelerated CSS at this point, we don't want to rule out using other technologies in the future such as Canvas and WebGL. Although the library focuses really on visual effects, we are exploring ways to tie in sensor input to make things more interesting, without interfering with application logic, or bringing in too much baggage.</p>
- <h2>Compatibility</h2>
+ <h2>Browser Compatibility</h2>
<p>The library is intended to work at least on Chrome (V13 or higher because of hardware-acceleration requirements), iOS, and BlackBerry platforms. As the library evolves and more people participate, it's our goal to support all major platforms the best way we can.</p>
@@ -192,19 +195,18 @@ <h1 class="seo">AliceJS - (A Lightweight Independent CSS Engine)</h1>
</div>
</div>
- <div class="fineprint"><p>Copyright &copy; 2011-2012 Research In Motion Limited &bull; <a href="../license.txt">License</a> &bull; <a href="credits.html">Credits</a></p></div>
+ <div class="fineprint"><p>Copyright &copy; 2011-2012 Research In Motion Limited &bull; <a href="license.txt">License</a> &bull; <a href="credits.html">Credits</a></p></div>
<!-- Syntax Highlighting -->
- <link rel="stylesheet" type="text/css" href="../libs/prettify/themes/sunburst.css">
- <script type="text/javascript" src="../libs/prettify/prettify.js"></script>
- <script type="text/javascript" src="../libs/prettify/lang-css.js"></script>
+ <link rel="stylesheet" type="text/css" href="libs/prettify/themes/sunburst.css">
+ <script type="text/javascript" src="libs/prettify/prettify.js"></script>
+ <script type="text/javascript" src="libs/prettify/lang-css.js"></script>
<!-- Feature Sniffer -->
- <script type="text/javascript" src="../libs/sniffer.js"></script>
+ <script type="text/javascript" src="libs/sniffer.js"></script>
<!-- AliceJS -->
- <script src="../src/alice.core.js"></script>
- <script src="../src/alice.plugins.cheshire.js"></script>
+ <script src="js/alice.min.js"></script>
<script type="text/javascript">
prettyPrint();
@@ -216,7 +218,7 @@ <h1 class="seo">AliceJS - (A Lightweight Independent CSS Engine)</h1>
animateLogo = function () {
alicejs.spin({
- elems: "logo-alice-img",
+ elems: "logo-alice-img-original",
move: "left",
overshoot: '7',
duration: "3000ms",

0 comments on commit 2b8926c

Please sign in to comment.