Malabarisme d'Emojis
🤹♀️
Eduardo
San Martin Morote
Freelance Front End Developer/Consultant
Vue.js core team
Emoticons
- :) / :-)
- ☺
- ( ͡° ͜ʖ ͡°)
- (╯°□°）╯︵ ┻━┻
Emoji
Unicode
1.0 October 1991
.
6.0 October 2010 🎉
.
11.0 June 2018
ENforce Emoji variation
☺
\u{263a}
☺️
\u{263a}\u{fe0f}
⚠
\u{26a0}
⚠️
\u{26a0}\u{fe0f}
ENforce Text variation
☺︎
\u{263a}\u{fe0e}
☺️
\u{263a}\u{fe0f}
Diversity
👋👋🏻👋🏼👋🏽👋🏾👋🏿
Skin Tone
👌\u{1f3fb} ➡️ 👌🏻
👌\u{1f3fc} ➡️ 👌🏼
👌\u{1f3fd} ➡️ 👌🏽
👌\u{1f3fe} ➡️ 👌🏾
👌\u{1f3ff} ➡️ 👌🏿
👌🏻 ➡️ 👌🏻
👌🏼 ➡️ 👌🏼
👌🏽 ➡️ 👌🏽
👌🏾 ➡️ 👌🏾
👌🏿 ➡️ 👌🏿
Skin Tone
🧟♂️🏽
🧛♂️🧛🏻♂️🧛🏼♂️🧛🏽♂️🧛🏾♂️🧛🏿♂️
Zero
Width
Joiner
U+200D
ZJW
Gender Variation
👯♂
👯
\u{200d}\u{2642}
🧟♀️
🧟
\u{200d}♀
\u{200d}♂
Exceptions
🤶 🎅🕴
etc
Professions
👩🍳
👩\u{200d}🍳
👩🌾
👩\u{200d}🌾
Combine everything
👩🏽\u{200d}💻
👩🏽💻
💻 sur Node ou Navigateur
const hex = t =>
t.split('')
.map(c => '0x' + c.charCodeAt(0).toString(16))
hex('❤️') // ["0x2764", "0xfe0f"]
'\u{2764}\u{fe0f}' // "❤️"
[...'🧛♂️'] // ["🧛", "", "♂", "️"]
[...'👩🚀'] // ["👩", "", "🚀"]Merci
Malabarisme d'Emojis
By Eduardo San Martin Morote
Malabarisme d'Emojis
Les Emojis sont de plus en plus utilisés partout. Connus comme les successeurs de l'unicode, ceux-ci cachent quelques secrets qui vous aideront à mieux comprendre l'encodage de ceux-ci et leur différentes représentations. Pendant ce talk, on comprendra ce qui se passe quand on écrit 🧟♀️ ou encore 👨🏾, on parlera un peu de ligatures, d'échapements en JS et HTML et on apprendra à composer des emoji ensemble pour en créer des nouvea
