Ajoutez le support Emoji à votre site Web avec Emoji CSS

Les Emojis ont pris le contrôle des conversations numériques et ces petites icônes mignonnes ont rapidement imprégné la culture Internet d'un coup. Ils font désormais partie de notre quotidien et vous pouvez les trouver partout, des applications de bureau à WordPress..

Et si vous avez toujours voulu Emoji personnalisés Emoji CSS est la bibliothèque idéale à utiliser sur votre site..

Ces icônes CSS pures sont généré avec des images de fond alors chaque emoji a son propre fichier PNG. Ces fichiers image sont rétine prête ils ont donc fière allure sur tous les moniteurs.

Vous pouvez également faire une démonstration de ces émojis en y compris le fichier CSS brut dans votre site. Le fichier référence des images auto-hébergées sur GitHub afin vous n'avez pas besoin d'héberger localement pour commencer.

Sur la page d’accueil Emoji CSS, vous trouverez tous les classes de code d'image avec un extrait de démo. Une fois le fichier CSS Emoji ajouté à votre document, il vous suffit d’ajouter un fichier élément avec le .em classe, avec n'importe quelle classe liée à l'icône spécifique que vous voulez afficher.

Donc par exemple ce code:

ajoutera les 100 emoji directement au contenu de votre site. Tu as bien plus de 200 emojis différents à choisir et le projet est Open source alors c'est disponible pour les mises à jour.

Mieux encore, la page d’accueil Emoji CSS est extrêmement facile à utiliser. Juste cliquez sur une icône et vous copier automatiquement ce code source dans le presse-papiers afin que vous puissiez le coller directement dans votre code HTML.

Je serai le premier à admettre que tous les sites Web ne bénéficieront pas de cette bibliothèque Emoji, mais réseaux sociaux et les sites Web pris en charge par les commentaires peuvent améliorer l'engagement des utilisateurs en ajoutant le support emoji. Et avec la bibliothèque CSS Emoji, il s’agit pratiquement d’un processus en deux étapes pour vous permettre d’emoji-up sur votre site..