Додайте підтримку Emoji на ваш сайт за допомогою Emoji CSS

Emojis взяли на себе цифрові розмови, і ці милі маленькі ікони швидко пронизували культуру Інтернету на ура. Тепер вони є повсякденною частиною нашого життя, і ви можете знайти їх скрізь від настільних додатків до WordPress.

І якщо ви коли-небудь хотіли користувальницькі смайлики на вашому сайті Emoji CSS є ідеальною бібліотекою для використання.

Ці чисті іконки CSS генеруються з фоновими зображеннями тому кожен emoji має свій власний файл PNG. Ці файли зображень сітківка готова тому вони чудово виглядають на всіх моніторах.

Ви також можете демонтувати ці смайлики включаючи файл CSS на ваш сайт. Файл посилається на власні зображення, розміщені на GitHub Вам не потрібно нічого локально розміщувати для початку.

На домашній сторінці Emoji CSS ви знайдете всі класи коду зображень разом із зразком демонстраційного фрагмента. Після додавання файлу Emoji CSS у документ потрібно лише додати елемент з .em клас, поряд з будь-яким класом, відноситься до конкретної іконки, яку ви хочете показати.

Так, наприклад, цей код:

додасть 100 смайликів безпосередньо до вмісту вашого сайту. У вас добре більше 200 різних смайликів на вибір і проект є відкрите джерело так що це доступні для оновлень.

Краще всього домашню сторінку Emoji CSS дуже проста у використанні. Просто натисніть на значок і ви автоматично копіювати цей вихідний код в буфер обміну, так що ви можете вставити його прямо в HTML.

Я першим визнаю, що не кожен веб-сайт отримає користь від цієї бібліотеки Emoji, але соціальні мережі і веб-сайти, які підтримують коментарі, можуть покращити взаємодію користувачів, додавши підтримку emoji. А з бібліотекою Emoji CSS це практично двоступінчастий процес для створення смайлів вашого сайту.