hand Inicio
hand JSBloqs
hand GutenBloqs

Cómo añadir EMOJIS de modo fácil en una página web

Los emojis son un conjunto de caracteres que todos los navegadores medianamente modernos ya interpretan automáticamente, con lo que se reduce a copiar y pegar

Qué son los emojis

A diferencia de los emoticonos, que son conjuntos de caracteres al estilo :D, los emojis son imágenes que (intentan) expresar estados de ánimo

Surgieron en el 1997 en Japón, y al ganar popularidad se incorporaron en los distintos sistemas operativos y/o navegadores que implementaron diseños independientes

Su uso actualmente? Hay quien los usa mucho, hay a quien le irritan sobremanera, y normalmente tienen una aureola de infantiles

Podría ser (tranquilamente) una cuestión generacional, del mismo modo que la utilización del email tradicional está tremendamente en desuso en entornos no corporativos, algo que hace 15 años no era (en absoluto) así

Al final se tratará de una decisión de cada uno, igual que decidimos cómo vestirnos, también decidimos cómo expresarnos

Cómo se añaden en una web?

Tienes dos opciones

La más fácil, copiar y pegar y listos, son caracteres y por lo tanto podríamos tener teclas dedicadas exclusivamente a emojis (la barra del macbook las implementa)

Hay otra opción?

Sí, porque si bien los emojis de Chrome son fantásticos (IMHO), las versiones de los otros navegadores / sistemas operativos pueden ser menos fantásticas

Echa un vistazo a emojipedia y mira los distintos "diseños" en función del navegador, porque los hay que parecen hechos hace más de 10 años

Para evitar esto siempre puedes descargarte (de esa misma página, por ejemplo) la versión .png y añadir los emojis como imágenes al uso

Mucho más tedioso y la mayoría de las veces no valdrá la pena (total, esos usuarios ya están acostumbrados a ese diseño)

Dónde encontrar emojis

Tienes distintas páginas

Y como es tan fácil como copiar y pegar, aquí tienes algunos de ellos

😀 😁 😂 🤣 😃 😄 😅 😆 😉 😊 😋 😎 😍 😘 😗 😙 😚 🙂 🤗 🤩 🤔 🤨 😐 😑 😶 🙄 😏 😣 😥 😮 🤐 😯 😪 😫 😴 😌 😛 😜 😝 🤤 😒 😓 😔 😕 🙃 🤑 😲 ☹️ 🙁 😖 😞 😟 😤 😢 😭 😦 😧 😨 😩 🤯 😬 😰 😱 😳 🤪 😵 😡 😠 🤬 😷 🤒 🤕 🤢 🤮 🤧 😇 🤠 🤡 🤥 🤫 🤭 🧐 🤓 😈 👿 👹 👺 💀 👻 👽 🤖 💩 😺 😸 😹 😻 😼 😽 🙀 😿 😾 🤲 👐 🙌 👏 🤝 👍 👎 👊 ✊ 🤛 🤜 🤞 ✌️ 🤟 🤘 👌 👈 👉 👆 👇 ☝️ ✋ 🤚 🖐 🖖 👋 🤙 💪 🖕 ✍️ 🙏 💍 💄 💋 👄 👅 👂 👃 👣 👁 👀 🧠 🌼 🌻 🌞 🌝 🌛 🌜 🌚 🌕 🌖 🌗 🌘 🌑 🌒 🌓 🌔 🌙 🌎 🌍 🌏 💫 ⭐️ 🌟 ✨ ⚡️ ☄️ 💥 🔥 🌪 🌈 ☀️ 🌤 ⛅️ 🌥 ☁️ 🌦 🌧 ⛈ 🌩 🌨 ❄️ ☃️ ⛄️ 🌬 💨 💧 💦 ☔️ ☂️ 🌊 🌫 💣 💡 🔦 💰 🎊 🎉 ✂️ 🖊 🖋 ✒️ 🖌 🖍 📝 ✏️ 🔍

draw of me

Hola, tienes en mente desarrollar una web?

Si quieres, te ayudo

11ty para webs ultra-rápidaseleventy js
Gatsby para webs complejasgatsby js
WordPress para webs para el usuario finalwordpress

Escríbeme

Lista de correo: escribo algo de tanto en cuanto