All Projects → SimulatedGREG → Kappa.js

SimulatedGREG / Kappa.js

Licence: ISC License
A simple jQuery Plugin that can easily find text Twitch emotes and replace them with their respective emoticons.

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Kappa Emote Kappa.js v2.0.5

Kappa.js is a simple jQuery Plugin that can easily find text Twitch emotes and replace them with their respective emoticons.

How does this work?

Kappa.js is made possible with the use of Twitch Emotes API v2. Kappa.js will pull a fresh list of global emotes and save in localStorage. Please note this API is currently in development, so features and structure may change without warning.

How do I get this?

Kappa.js can be quickly installed from the public bower registry. Just run...

bower install kappa.js

Or maybe you'd prefer npm...

npm install kappa.js

Alternatively, you can simply clone down this repository with...

git clone https://github.com/SimulatedGREG/Kappa.js.git

How do I use this?

To get started include the kappa.js file just before the end of your closing </body> tag.

        ...
        <script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src="kappa.js"></script>
    </body>
</html>

Once included use jQuery to select which elements your want kappa.js to apply in this manner... $([selector]).kappa([options]);

In this example kappa.js will apply to elements with class="kappa" in the DOM once the page is loaded.

        ...
        <script>
            $(document).ready(function() {
              $('.kappa').kappa();
            });
        </script>
    </body>
</html>

And that's it! There's nothing else to do. All text emotes will be replaced with their respective Twitch emoticons. But wait, there's more!

Options

option type default description
emoteSize string 'small' Sets emoticon image size. Can be 'small', 'medium', or 'large'.
customClass string null Adds a custom class to each injected <img> emoticon.

Credits

Twitch Emotes API v2
Emote and badge images are property of Twitch Interactive and their respective owners.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].