Emoji támogatása Emoji CSS segítségével

Az emojisek átvették a digitális beszélgetéseket, és ezek az aranyos kis ikonok gyorsan elárasztották az internetes kultúrát egy bumm. Most már mindennapi részünk az életünknek, és mindenhol megtalálhatók az asztali alkalmazásoktól a WordPressig.

És ha valaha is akartál egyéni hangulatjelek a webhelyén az Emoji CSS a tökéletes könyvtár.

Ezek a tiszta CSS ikonok generált háttérképekkel így minden emoji rendelkezik saját PNG-fájljával. Ezek a képfájlok retina-kész így minden monitoron jól néz ki.

Ezeket a hangulatjeleket demó segítségével is bemutathatja beleértve a nyers CSS fájlt a webhelyére. A fájl az önkiszolgáló képeket hivatkozik a GitHub-on nem kell helyet adni kezdeni.

Az Emoji CSS honlapján megtalálhatja az összes képkód-osztályok és egy minta demó részlet. Miután hozzáadta az Emoji CSS fájlt a dokumentumhoz, csak annyit kell tennie, hogy hozzáad egy elem a .em osztály, valamint az adott ikonhoz tartozó osztály, valamint a megjelenítendő ikon.

Így például ez a kód:

hozzáadja a 100 emoji-t közvetlenül a webhelye tartalmához. Jól van több mint 200 különböző emojis közül választhat és a projekt nyílt forráskód tehát ez elérhető frissítésekhez.

A legjobb az Emoji CSS honlapján. Éppen kattintson egy ikonra és te automatikusan másolja a forráskódot a vágólapra, így beillesztheti azt közvetlenül a HTML-be.

Én leszek az első, aki bevallja, hogy nem minden webhely élvezheti az Emoji könyvtárat, hanem közösségi hálózatok és A megjegyzésekkel támogatott weboldalak emoji támogatással növelhetik a felhasználók bevonását. Az Emoji CSS könyvtárral ez gyakorlatilag kétlépcsős folyamat a webhely emoji-up-up.