emoji

👳📣⌨

Emoji (絵文字)

A small digital image or icon used to express an idea or emotion in electronic communication

Word of the Year 2015

- Oxford Dictionaries

😂

Representation

💾

• Name: FLOPPY DISK
• Unicode Block: 0x1F300-0x1F5FFMiscellaneous Symbols and Pictographs
• Unicode code point: 0x1F4BE
• UTF-8: 0xF0 9F 92 BE
• UTF-8: 11110000 10011111 10010010 10111110₂

1 emoji != 1 code point

🏛📚

1. Japanese telecom

🗾🇯🇵

DoCoMo, KDDI, SoftBank.

Ref: Unicode and Legacy Representations of Emoji (IUC 36)

Mojibake (文字化け)

• Smörgås - UTF-8
• SmörgÃ¥s - ISO 8859-1

2. Unicode

• Convertion from telecom specific encodings
• Proposal for Encoding Emoji Symbols - 2007/2008
• Google, Apple, ++ on commitee

3. Web and Mobile adoption

• Yahoo Japan Web Mail, Gmail (web) - 2006
• Android apps - 2008
• Apple iPhone OS 2.2 w/ Emoji Keyboard - 2010
• Android 4.3 - 2013

Instagram

#🏛

🔨💻📱

On the Web

Substitue with PNG in JS:

<script src="//twemoji.maxcdn.com/twemoji.min.js"></script>

@font-face and unicode-range

@font-face {
   font-family: 'Noto Color Emoji';
   src: url('../resources/NotoColorEmoji.ttf') format('opentype');
   /* Emoji block ranges */
   unicode-range: U+1F1E6-1F1FF, U+1F300-1F5FF, U+1F600-1F64F, U+1F680-1F6FF, U+2300-23FF, U+2600-26FF, U+2700-27BF;
}

body {
    font-family: 'Noto Color Emoji';
}

emojione picker (Ubuntu)

$ add-apt-repository ppa:ys/emojione-picker
$ apt update
$ apt install emojione-picker

Mac OS X (10.9+)

Ctrl + ⌘ + Space

Services / OS

What has unicode or emoji support?

• Registrars/Domains: Whitelist blocked ❌ 😢😢😢
  • ...EXCEPT .ws 🇼🇸 ✔
• DNS: IDN ✔
• Webservers: IDN ✔
• Browsers: IDN ✔
• Mail: Postfix (3.0+) ✔

Favourites

• FLOPPY 💾
• WORLD MAP 🗺
• FAX MACHINE 📠
• UNICORN FACE 🦄

• 💃💃💃💃💃Dancers moving in from left and right
• 🗻Mount fuji exploding with flowers🌸🌸🌸 and fireworks 🎆🎆🎆
• dragons flying 🐲🐲🐲🐉🐉🐉 everywhere

References

• Interview with Shigetaka Kurita (i-mode): http://ignition.co/105
• Color font format Proposals: http://blog.fontlab.com/font-tech/color-fonts/color-font-format-proposals/
• Multicolor fonts: http://blog.symbolset.com/multicolor-fonts
• Unicode in Emoji: http://www.unicode.org/reports/tr51
• Unicode in Emoji data: http://unicode.org/Public/emoji/1.0/emoji-data.txt
• Unicode 9.0 Emoji Candidates: http://www.unicode.org/emoji/charts/emoji-candidates.html
• cURL, Smiley-URLs and libc: https://daniel.haxx.se/blog/2015/02/24/curl-smiley-urls-and-libc/
• SwiftKey Emoji Report 2015: http://www.scribd.com/doc/262594751/SwiftKey-Emoji-Report
• Emoji Feminism: http://www.nytimes.com/2016/03/13/opinion/sunday/emoji-feminism.html
• Emojineering Part 1: Machine Learning for Emoji Trends: http://instagram-engineering.tumblr.com/post/117889701472/emojineering-part-1-machine-learning-for-emoji
• Emojineering Part 2: Implementing Hashtag Emoji: http://instagram-engineering.tumblr.com/post/118304328152/emojineering-part-2-implementing-hashtag-emoji
• 📙 Emojipedia: http://emojipedia.org/
• SVGinOT Demo (Firefox): http://people.mozilla.org/~jkew/opentype-svg/soccer.html
• EmojiOne: https://github.com/Ranks/emojione

Tom Scott / Computerphile

• 🎬Emoji and the Levitating Businessman: https://www.youtube.com/watch?v=tITwM5GDIAI
• 🎬Characters, Symbols and the Unicode Miracle: https://www.youtube.com/watch?v=MijmeoH9LT4
• 🎬Why Do Flag Emoji Count As Two Characters?: https://www.youtube.com/watch?v=sTzp76JXsoY
• 🎬Real Life Emoji Keyboard!: https://www.youtube.com/watch?v=3AtBE9BOvvk
• 🎬The Art of the Bodge: How I Made The Emoji Keyboard: https://www.youtube.com/watch?v=lIFE7h3m40U