Красивый трансформатор иконок - Marka.

Здравствуйте, дорогие читатели! Сегодня я хочу рассказать вам про еще одну очень классную библиотеку javascript - Marka.

Что такое Marka? Это красивый трансформатор иконок. Чтобы увидить его в действии, перейдите по ссылке:

http://fian.my.id/marka/

Справа вы можете наблюдать его работу и код, который за это в ответе.

Чтобы посмотреть документацию, нажмите слева на кнопку View Docs.

Все, что вам нужно, это скачать данную библиотеку через Bower или по ссылке в самом начале документации. Дальше подключите ее в вашем html документе так, как показано в первом блоке кода в документации.

Вторая часть - инициализация. Прежде чем использовать ваши иконки, вы должны проинициализировать Marka. Как это сделать показано во втором блоке кода.

Если вам нужно несколько иконок, то создайте структуру так, как показано в 4-ом блоке кода.

После инициализации вы можете использовать иконки. В Marka предустановлено 18 иконок.

В 6-ом блоке кода показано, как с помощью метода set установить иконку.

Вы можете использовать такие методы, как size для изменения размера иконки, rotate для вращения иконки и т.д.

Если вы хотите изменить иконки так, как вы хотите, то перейдите в .css файл и поменяйте значения там.

Слева, в меню, вы можете видеть пункт Icons, где вы найдете все иконки, пункт API, где содержатся все методы, поддерживаемые данной библиотекой, FAQ, Customize, где вы можете добавить только те иконки, которые вам нужны, чтобы не перегружать сайт, и получить готовый .css файл, ну, и, конечно же, ссылку на репозиторий в GitHub.

Довольно интересная штука, надеюсь, что кому-нибудь будет полезна.

Спасибо за внимание и удачи!