diff --git a/README.md b/README.md index d40eb2f..b34f052 100644 --- a/README.md +++ b/README.md @@ -1,18 +1,53 @@ -# "React" Assignment +# Iconomation Assignment -Create a learning resource that gives the user feedback – in other words, responds to the user's input/actions. Actions could include: +Create an animation that walks the viewer through some process, using only icons/emoticons/emoji. See http://bfl-itp.github.io/iconomation/ for a demo. Even without knowing *any* JavaScript, the code in [`index.html`](index.html) and [`scripts/iconomation.js`](scripts/iconomation.js) should be enough to get you started. What's included on the page: -* Clicking -* Typing -* Scrolling +* [`setTimeout()`](https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers.setTimeout) +* [jQuery](http://jquery.com/) – see these docs in particular: + * [`.animate()`](http://api.jquery.com/animate/) + * [`.css()`](http://api.jquery.com/css/) + * [Easing functions](http://jqueryui.com/easing/) +* [Font Awesome](http://fortawesome.github.io/Font-Awesome/) +* [Emoji CSS](http://afeld.github.io/emoji-css/) -or lack of any of those things. Feel free to pick a new subject, or dive deeper with one you've already used. +Feel free to add any images or [other icon libraries](http://weloveiconfonts.com/) you need. -## Examples -1. [Operation](http://en.wikipedia.org/wiki/Operation_(game)), which uses sound to inform the player they are doing something wrong. +User Studies: Direct Transcripts +------------ - [![Operation](http://img.youtube.com/vi/_6MAkLJ79LE/0.jpg)](http://www.youtube.com/watch?v=_6MAkLJ79LE) +**User 1** -1. An essay helper, where the user needs the their entry in a [`