Giter VIP home page Giter VIP logo

asl's Introduction

ASL JS Library (v0.2)

The ASL JS library is built to enable an ASL translation of words on your web page. Users of your web page can double click on any word to see the American Sign Language representation of the word. Check out a working example here - This is [a working example] (http://www.naduism.com/hacks/ASL/ "Example") built using the ASL JS library

This library has a JavaScript file and a CSS file. To use,

  1. Add the JavaScript (asl.js) file anywhere before the end of the body tag and make a call to ASL.setup(options, callback);

    // ASL.setup() takes 2 optional parameters // 1st parameter is options - JavaScript object // its can have properties // displayTime in seconds (default is infinity) // that is the number of seconds that the ASL widget remains on screen after double clicking a word // scrolling - true/false - to set scrolling on the ASL widget or not (default - false) // var options = {displayTime:10, scrolling:true} // 2nd parameter is function pointer
    // to the method that you wish to call when the ASL widget is shown

  2. Include the CSS styles from asl.css in your stylesheet. The position of the widget can be changed using the styles. The default position of the widget is the top right corner of the page. Modify the CSS to change the size and position of the widget.

  3. Try it out by double clicking any word on your web page and spread the love.

HOW IT WORKS

When any word on the page is double clicked, it gets autoselected. The library retrieves the word that was double clicked and loads the ASL widget with the sign language representation pulled from the library maintained at CATS

THANKS TO

CATS especially Harley Hamilton at Georgia Institute of Technology The code getting the selected word in a page was used from mark.kolich.com

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.