Agregue soporte Emoji a su sitio web con Emoji CSS

Los emojis se han hecho cargo de las conversaciones digitales y estos pequeños iconos lindos impregnaron rápidamente la cultura de Internet con una explosión. Ahora son una parte cotidiana de nuestras vidas y puedes encontrarlas en cualquier lugar, desde aplicaciones de escritorio a WordPress..

Y si alguna vez has querido emojis personalizados en su sitio, entonces Emoji CSS es la biblioteca perfecta para usar.

Estos iconos de CSS puro son generado con imagenes de fondo asi que Cada emoji tiene su propio archivo PNG.. Estos archivos de imagen son listo para la retina por lo que se ven muy bien en todos los monitores.

También puedes mostrar estos emojis por Incluyendo el archivo CSS en bruto en su sitio. El archivo hace referencia a imágenes auto alojadas en GitHub para no necesitas alojar nada localmente Para empezar.

En la página de inicio de Emoji CSS encontrarás todos los clases de código de imagen junto con un fragmento de muestra de muestra. Una vez que haya agregado el archivo Emoji CSS a su documento, todo lo que tiene que hacer es agregar un elemento con el .em clase, junto con cualquier clase relacionada con el icono específico que desea mostrar.

Así por ejemplo este código:

agregará los 100 emoji directamente en el contenido de su sitio. Tienes bien Más de 200 emojis diferentes para elegir y el proyecto es fuente abierta entonces es disponible para actualizaciones.

Lo mejor de todo es que la página de inicio de Emoji CSS es muy fácil de usar. Sólo haga clic en un icono y tu Copia automáticamente ese código fuente en el portapapeles para que puedas pegarlo directamente en tu HTML.

Seré el primero en admitir que no todos los sitios web se beneficiarán de esta biblioteca de Emoji, pero redes sociales y Los sitios web respaldados por comentarios pueden mejorar la participación del usuario al agregar el soporte para emoji. Y con la biblioteca Emoji CSS, este es prácticamente un proceso de dos pasos para mejorar su sitio..