Добавьте поддержку Emoji на ваш сайт с помощью Emoji CSS

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

И если вы когда-нибудь хотели, чтобы пользовательские эмоджи на вашем сайте, то Эмодзи CSS это идеальная библиотека для использования.

Читайте также: 23 умное и забавное использование Emojis

Эти чистые иконки CSS генерируются с фоновыми изображениями, поэтому у каждого смайлика есть свой собственный файл PNG. Эти файлы изображений готовы к сетчатке, поэтому они отлично смотрятся на всех мониторах.

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

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

Так, например, этот код:

добавит 100 смайликов прямо в контент вашего сайта. У вас есть более 200 различных смайликов на выбор, и проект с открытым исходным кодом, поэтому он доступен для обновлений.
Лучшая из всех веб-страница Emoji CSS очень проста в использовании. Просто нажмите на значок, и вы автоматически скопируете этот исходный код в буфер обмена, чтобы вставить его прямо в HTML-код.

Я буду первым, кто признает, что не все веб-сайты получат пользу от этой библиотеки Emoji, но социальные сети и веб-сайты с поддержкой комментариев могут улучшить взаимодействие с пользователем, добавив поддержку Emoji. И с Emoji CSS библиотекаЭто практически двухэтапный процесс, чтобы смоделировать ваш сайт.

Читайте также: Как использовать смайлики в теме письма