Alice

by blackberry

blackberry / Alice

AliceJS - (A Lightweight Independent CSS Engine) is a micro JavaScript library. For a demo, click th...

425 Stars 60 Forks Last release: Not found Apache License 2.0 230 Commits 2 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

AliceJS

AliceJS - (A Lightweight Independent CSS Engine) is a micro JavaScript library focused on using hardware-accelerated capabilities (in particular CSS3 features) in modern browsers for generating high-quality, high-end visual effects.

This library and the sample code is Open Source under the Apache 2.0 License.

Special Attention As of version 0.5 there is no support for the 0.2 and 0.1 since there was a large transition in the method styling. So please if you're looking to transition to 0.5, you will need to re-write your code to fit the new method styling. Please take caution in doing so.

Author(s):

Compatibility Issues: AliceJs 0.5 is not compatible with 0.2 or 0.1. We made improvements in the readability of AliceJs with objectifying the parameters of the methods. We hope this doesn't cause any confusion or stop you from trying out the new caterpillar effect!

Requirements:

  1. A WebKit-based browser with support for CSS3.

How to use AliceJS in a web project

  1. Download the source package (zip or tar.gz) and unzip it to your web folder (e.g., /var/www/html/your project name/js/alice).
  2. Include the AliceJS library in your HTML using one of the following:

    a. Full library (with comments):

        
    

    b. Minified version of the full library:

        
    

    c. Specific effect(s):

        
        
    
  3. Create your HTML markup. For example:

        
    2
    3
    4
    5
    6
    7
    8
    9
    10
    J
    Q
    K
    A
  4. Apply Alice's effects by specifying the ID of your target DIV and some parameters. These options will apply a "slide (left)" effect to your DIVs.

        

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.