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

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

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

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

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

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

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

добавит 100 смайликов прямо в контент вашего сайта. У тебя хорошо более 200 различных смайликов на выбор и проект Открытый исходный код так что это доступны для обновления.

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

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