Need help with Alice?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

blackberry
426 Stars 60 Forks Apache License 2.0 230 Commits 23 Opened issues

Description

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

Services available

!
?

Need anything else?

Contributors list

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.