From 8f8817d53562522dd679991597526240fe91b2c1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ann=20Kilzer=20=E3=82=AD=E3=83=AB=E3=82=B6=E3=83=BC?= =?UTF-8?q?=E6=9D=8F?= Date: Wed, 20 Jul 2022 14:41:50 +0000 Subject: [PATCH] GitBook: [#19] No subject --- resources/unicode-emoji-symbols-and-more.md | 6 +++ sessions/session-6-emoji.md | 55 ++++++++++++++++----- 2 files changed, 50 insertions(+), 11 deletions(-) diff --git a/resources/unicode-emoji-symbols-and-more.md b/resources/unicode-emoji-symbols-and-more.md index 220d4a2..7c4428a 100644 --- a/resources/unicode-emoji-symbols-and-more.md +++ b/resources/unicode-emoji-symbols-and-more.md @@ -13,6 +13,12 @@ This chapter focuses less on the technical implementation and more on resources ### Emoji {% embed url="https://emojipedia.org" %} +Emojipedia guide to Emoji +{% endembed %} + +{% embed url="https://unicode.org/emoji/charts/full-emoji-list.html" %} +Full Emoji List from the Unicode Consortium +{% endembed %} #### Recommended Emoji Libraries diff --git a/sessions/session-6-emoji.md b/sessions/session-6-emoji.md index 97ca972..27db354 100644 --- a/sessions/session-6-emoji.md +++ b/sessions/session-6-emoji.md @@ -4,39 +4,72 @@ Register here {% endembed %} +### What are Emoji? :thinking: +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: -### What are Emoji? +1. There used to be an emoji for the 109 Building in Shibuya [https://emojipedia.org/shibuya/](https://emojipedia.org/shibuya/) +2. World Emoji Day is July 17 [https://worldemojiday.com/](https://worldemojiday.com/) +3. [Emoji look different across various devices](https://slate.com/human-interest/2016/02/emojis-on-apple-google-samsung-can-look-very-different-from-each-other-video.html) -Check out [https://app.gitbook.com/s/9eH7GQkucRmuNCDFnfPv/\~/changes/x3kDhSYA8X1w8onGtHPS/resources/unicode-emoji-symbols-and-more](../resources/unicode-emoji-symbols-and-more.md) - -for a list of emoji libraries you can use in your projects +Check out the [Unicode: Emoji, Symbols, and More](../resources/unicode-emoji-symbols-and-more.md) page for elements you can use in your projects ### Goal -Let's build something using Emoji! +Let's build something using Emoji! :blush: -### Where to start +### Where to start :point\_down: 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: -#### Glitch Projects for Remixing +#### Add Emoji to HTML :beginner: + +{% embed url="https://www.w3schools.com/html/html_emojis.asp" %} +Beginner friendly guide for adding Emoji to HTML +{% endembed %} + +#### Glitch Projects for Remixing :control\_knobs: {% embed url="https://glitch.com/~emoji-ifier" %} -#### Programming languages that support Emoji +#### Build your own emoji :hammer: -* Swift +{% embed url="https://medium.com/@daniellevass/making-emojis-with-code-8da03e87a27f" %} +Program your own SVG Emoji +{% endembed %} + +#### Programming languages that support Emoji :desktop: -### Inspiration +{% embed url="https://www.reddit.com/r/ProgrammerHumor/comments/278dd5/noahs_ark_in_swift/" %} +Swift allows Emoji variables +{% endembed %} -Dark Sky Weather Maps +{% embed url="https://github.com/emojicode/emojicode" %} +EmojiCode +{% endembed %} + +### Inspiration :sparkles: + +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 %} + + + +### Sources :books: + +1. [https://www.hackreactor.com/blog/the-invention-of-emojis-a-brief-history](https://www.hackreactor.com/blog/the-invention-of-emojis-a-brief-history) +2. [https://rse.org.uk/resources/resource/blog/a-history-of-emojis/](https://rse.org.uk/resources/resource/blog/a-history-of-emojis/) +3. [https://en.wikipedia.org/wiki/Emoji](https://en.wikipedia.org/wiki/Emoji)