Добавете Emoji Подкрепа за вашия сайт с Emoji CSS

Emojis са поели дигитални разговори и тези сладки малки икони бързо проникват в интернет културата с гръм и трясък. Сега те са ежедневна част от нашия живот и можете да ги намерите навсякъде от десктоп приложения за WordPress.

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

Тези чисти CSS икони са генерирани с фонови изображения така всяка емотика има свой собствен PNG файл. Тези файлове с изображения са ретината готови така че те изглеждат страхотно на всички монитори.

Можете също така да демонстрирате тези emojis от включване на суровия CSS файл в сайта Ви. Файлът се позовава на самостоятелно хоствани изображения в GitHub не е нужно да хоствате нищо локално за да започнете.

На началната страница на емотикони CSS ще намерите всички класове на код на изображението заедно с примерен демо фрагмент. След като добавите в документа си файл за емотикони CSS, трябва само да добавите елемент с .ем клас, заедно с който и да е клас, отнасящ се до конкретната икона, която искате да покажете.

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

ще добави 100 емотикони директно в съдържанието на сайта ви. Вие сте добре над 200 различни emojis за избор и проектът е отворен код така че е налични за актуализации.

Най-доброто от всички начални страници на Emoji CSS е супер лесно за използване. Просто кликнете върху икона и ти ще автоматично копирате този изходен код в клипборда, така че можете да го поставите направо в HTML.

Аз ще бъда първият, който ще признае, че не всеки уебсайт ще има полза от тази Emoji библиотека, но социални мрежи и уебсайтовете, поддържани от коментари, могат да подобрят ангажираността на потребителите чрез добавяне на поддръжка на емотикони. А с библиотеката Emoji CSS това е практически двуетапен процес за емотизиране на сайта ви.