Aggiungi il supporto Emoji al tuo sito web con Emoji CSS

Gli emoji hanno ripreso le conversazioni digitali e queste simpatiche piccole icone hanno rapidamente permeato la cultura di Internet con un botto. Ora sono una parte quotidiana della nostra vita e puoi trovarli ovunque, dalle app desktop a WordPress.

E se hai mai voluto emoji personalizzati Emoji CSS è la libreria perfetta da utilizzare sul tuo sito.

Queste icone sono pure CSS generato con immagini di sfondo così ogni emoji ha il suo file PNG. Questi file di immagine sono Retina-ready quindi sembrano grandi su tutti i monitor.

Puoi anche provare questi emoji con incluso il file CSS raw nel tuo sito. Il file fa riferimento a immagini self-hosted su GitHub così non è necessario ospitare nulla localmente per iniziare.

Sulla homepage di Emoji CSS troverai tutto il classi di codice immagine insieme a un esempio di snippet dimostrativo. Dopo aver aggiunto il file CSS Emoji al tuo documento, tutto ciò che devi fare è aggiungere un elemento con il .em classe, insieme a qualsiasi classe si riferisce all'icona specifica che si desidera mostrare.

Quindi per esempio questo codice:

aggiungerà le 100 emoji direttamente nel contenuto del tuo sito. Hai bene oltre 200 diversi emoji tra cui scegliere e il progetto è open source così è disponibile per gli aggiornamenti.

La migliore di tutti la homepage di Emoji CSS è super facile da usare. Appena clicca su un'icona e tu lo farai copia automaticamente il codice sorgente negli appunti in modo da poterlo incollare direttamente nel codice HTML.

Sarò il primo ad ammettere che non tutti i siti Web trarranno beneficio da questa libreria Emoji ma social networks e i siti Web supportati da commenti possono migliorare il coinvolgimento degli utenti aggiungendo il supporto emoji. E con la libreria CSS Emoji, questo è praticamente un processo in due fasi per emoji-up del tuo sito.