Гарний трансформатор іконок - marka.

Привіт, дорогі читачі! Сьогодні я хочу розповісти вам про ще одну дуже класну бібліотеку jаvascript - Marka.

Що таке Marka? Це гарний трансформатор іконок. Щоб побачити його в дії, перейдіть за посиланням:

https://fian.my.id/marka/

Справа ви можете спостерігати його роботу і код, який за це відповідає.

Щоб подивитися документацію, натисніть зліва на кнопку View Docs.

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

Друга частина - ініціалізація. Перш ніж використовувати ваші іконки, ви повинні проинициализировать Marka. Як це зробити показано в другому блоці коду.

Якщо вам потрібно кілька іконок, то створіть структуру так, як показано в 4-му блоці коду.

Відео: Як малювати іконки - злодійство і ексклюзив

Після ініціалізації ви можете використовувати іконки. В Marka встановлено 18 іконок.

У 6-му блоці коду показано, як за допомогою методу set встановити іконку.

Ви можете використовувати такі методи, як size для зміни розміру іконки, rotate для обертання іконки і т.д.

Якщо ви хочете змінити іконки так, як ви хочете, ви можете перейти в .css файл і поміняйте значення там.

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

Досить цікава штука, сподіваюся, що кому-небудь буде корисна.