hand Inicio

SERVICIOS

Salir

nochedía

DESARROLLO WEB con
GATSBY y WORDPRESS

emoji Cursos [24]
emoji Themes Gatsby [5]
emoji Themes WordPress [2]
emoji Blog [83]
emoji Herramientas [11]

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

200 palabras
1 minutos
June 11, 2020
blogdesign

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

  1. Qué son los emojis
  2. Cómo se añaden en una web?
  3. Dónde encontrar emojis

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

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

Quizá te interese

Privacidad
by kuworking.com
[ 2020 >> kuworking ]