Tambahkan Dukungan Emoji ke Situs Web Anda Dengan Emoji CSS

Emoji telah mengambil alih percakapan digital dan ikon-ikon kecil yang lucu ini dengan cepat meresapi budaya Internet dengan keras. Mereka sekarang menjadi bagian dari kehidupan kita sehari-hari dan Anda dapat menemukannya di mana saja dari aplikasi desktop hingga WordPress.

Dan jika Anda pernah menginginkannya emoji khusus di situs Anda maka Emoji CSS adalah perpustakaan yang sempurna untuk digunakan.

Ikon CSS murni ini adalah dihasilkan dengan gambar latar belakang begitu setiap emoji memiliki file PNG sendiri. File gambar ini adalah siap retina jadi mereka terlihat bagus di semua monitor.

Anda juga dapat demo emoji ini oleh termasuk file CSS mentah ke situs Anda. File referensi gambar yang di-host-sendiri di GitHub begitu Anda tidak perlu meng-host sesuatu secara lokal untuk memulai.

Di beranda Emoji CSS Anda akan menemukan semua kelas kode gambar bersama dengan cuplikan contoh demo. Setelah Anda menambahkan file Emoji CSS ke dokumen Anda, yang harus Anda lakukan adalah menambahkan elemen dengan .em kelas, bersama dengan kelas apa pun yang terkait dengan ikon spesifik yang ingin Anda tampilkan.

Jadi misalnya kode ini:

akan menambahkan 100 emoji langsung ke konten situs Anda. Kamu sudah sehat lebih dari 200 emoji berbeda untuk dipilih dan proyeknya adalah open source jadi begitu tersedia untuk pembaruan.

Yang terbaik dari semua halaman beranda Emoji CSS adalah super mudah digunakan. Hanya klik pada ikon dan kamu akan secara otomatis menyalin kode sumber itu ke clipboard sehingga Anda dapat menempelkannya ke HTML Anda.

Saya akan menjadi yang pertama mengakui bahwa tidak setiap situs web akan mendapat manfaat dari perpustakaan Emoji ini tetapi jaringan sosial dan situs web yang didukung komentar dapat meningkatkan keterlibatan pengguna dengan menambahkan dukungan emoji. Dan dengan pustaka Emoji CSS, ini praktis merupakan proses dua langkah untuk emoji-up situs Anda.