Tilføj Emoji Support til dit websted med Emoji CSS

Emojis har overtaget digitale samtaler, og disse søde, små ikoner gennemsyrede hurtigt internettet med et bang. De er nu en dagligdags del af vores liv, og du kan finde dem overalt fra desktop apps til WordPress.

Og hvis du nogensinde har ønsket det brugerdefinerede emojis På dit websted er Emoji CSS det perfekte bibliotek til brug.

Disse rene CSS ikoner er genereret med baggrundsbilleder så hver emoji har sin egen PNG-fil. Disse billedfiler er nethinden-klar så de ser godt ud på alle skærme.

Du kan også demo disse emojis af herunder den rå CSS-fil til dit websted. Filen refererer til self-hosted billeder på GitHub så du behøver ikke være vært for noget lokalt at komme i gang.

På Emoji CSS hjemmeside finder du alle billedkode klasser sammen med en prøve demo uddrag. Når du har tilføjet Emoji CSS filen til dit dokument, er alt du skal gøre at tilføje en element med .em klasse, sammen med hvad klassen angår det specifikke ikon, du vil vise.

Så for eksempel denne kode:

vil føje 100 emoji direkte til dit websteds indhold. Du har det godt over 200 forskellige emojier at vælge imellem og projektet er open source så det er det tilgængelig til opdateringer.

Bedste af alle Emoji CSS hjemmesider er super nem at bruge. Lige Klik på et ikon og du vil Kopier automatisk kildekoden automatisk ind i udklipsholderen, så du kan indsætte den lige ind i din HTML.

Jeg vil være den første til at indrømme, at ikke alle hjemmesider vil få gavn af dette emoji bibliotek, men sociale netværk og Comment-supported websites kan forbedre brugerengagement ved at tilføje emoji-support. Og med Emoji CSS-biblioteket er dette praktisk talt en to-trins proces til emoji-up dit websted.