{% embed url="https://www.meetup.com/women-who-code-tokyo/events/287035563" %} Register here {% endembed %}
While Internet users of the 90's sent one another emoticons like ;) and :D from ASCII characters [1], today's familiar icons were born out of a 1999 set by Japanese artist Shigetaka Kurita, who designed a set of 176 pictograms for NTT Docomo. The images were 12 x 12 pixels, designed for the early mobile phones and pagers [2]. The name "emoji" comes from the Japanese e (η΅΅), meaning picture, plus moji (ζε), meaning character. Emoji use spread around the world from 2010 after mobile OS developers added them to their software [3].
Fun facts:
- There used to be an emoji for the 109 Building in Shibuya https://emojipedia.org/shibuya/
- World Emoji Day is July 17 https://worldemojiday.com/
- Emoji look different across various devices
Check out the Unicode: Emoji, Symbols, and More page for elements you can use in your projects
Let's build something using Emoji! π
Since the session is brief, we recommend either preparing something in advance, or hacking on an existing piece of code to make it your own. Here are some ideas:
{% embed url="https://www.w3schools.com/html/html_emojis.asp" %} Beginner friendly guide for adding Emoji to HTML {% endembed %}
{% embed url="https://glitch.com/~emoji-ifier" %}
{% embed url="https://medium.com/@daniellevass/making-emojis-with-code-8da03e87a27f" %} Program your own SVG Emoji {% endembed %}
{% embed url="https://www.reddit.com/r/ProgrammerHumor/comments/278dd5/noahs_ark_in_swift/" %} Swift allows Emoji variables {% endembed %}
{% embed url="https://github.com/emojicode/emojicode" %} EmojiCode {% endembed %}
Here are some larger projects for inspiration!
{% embed url="https://maps.darksky.net/@emoji,37.738,-122.219,11" %} Check out Dark Sky's Emoji Weather View {% endembed %}
{% embed url="https://emoji-maker.flat-icons.com/" %} Emoji Maker lets you build your own emoji from basic components {% endembed %}