A simple icon keyboard for the web. smileys ◦ emoticons ◦ icons ◦ emoji ◦ kaomoji
This project was created for a guest lecture about mobile web applications for the CIS 350 Infrastructure Technologies course at UofL College of Business.
A Mobile Web App from scratch
- You need ideas. I email myself with
#ideas
in the subject.
- Start with HTML5 Mobile Boilerplate.
- Like starting a new presentation with a template.
- A solid baseline for mobile web apps.
- The comments explain best practices.
- Thank you to all the contributors.
- Use the button CSS from Bootstrap for the icon buttons.
- Bootstrap is an excellent collection of user HTML5 user interface components.
- The CSS is built using the LESS dynamic stylesheet language and it's organized well.
- Thank you to all the contributors.
- Add a
textarea
to the top of the screen to receive the icons when pressed.
- Added JavaScript to insert icons into the
textarea
.
- Add iOS homescreen icons and startup images
- Add a bookmark bubble to notify the user that the site is an installable web app.
- Add a Cache Manifest to make it work offline.
- Buy a domain name and web hosting or host your site with GitHub Pages.
- Add measurements with Google Analytics.
- Add Twitter, Facebook, and Google+ buttons to your site.
- Automate your Help Desk workflow.
References
- HTML5 Cross Browser Polyfills
- Glyphboard
- Emojinator
- Twitter Symbols
- iPhone Emoji
- Touch Gesture Reference Guide
- Mobile First deck by Luke Wroblewski
- The Most Important Parts of HTML5
- caniuse.com
- Dive Into HTML5
- http://jsfiddle.net/LNysj/
- http://lea.verou.me/scripts/unicode.html
- http://jsfiddle.net/5QSz4/
- http://www.tumblr.com/tagged/kaomoji
- http://www.unicode.org/~scherer/emoji4unicode/20090804/utc.html
- http://code.iamcal.com/php/emoji/
- http://www.japaneseemoticons.net/all-japanese-emoticons/
- http://www.tumblr.com/tagged/kaomoji
- http://superkawaiiemoticon.tumblr.com/page/2