Учебное пособие по значкам

Введение

Формируйте сложные веб-приложения в простой одностраничный веб-сайт-портфолио. Иконки встречаются повсеместно. Они гораздо привлекательнее для пользователей, чем простой текст. Исторически иконки — это изображения. Теперь, когда оперативность стала ключевым фактором успеха веб-приложений, как разработчик или дизайнер вы всегда ищите способы уменьшить количество загружаемых изображений. Поскольку загружается больше изображений, отправляется больше HTTP-запросов и увеличивается задержка.

Иконочные шрифты предоставляют нам, разработчикам/дизайнерам, отличное решение. Это SVG, загружается один файл (таким образом, один HTTP-запрос), и вы можете настроить внешний вид с помощью CSS.

Доступно несколько значков шрифтов. Мы будем работать с тремя самыми популярными из них, а именно с Font Awesome, Bootstrap Glaphycons и Google Material Icons. Все это потрясающе, просто в использовании и настройке.

Это руководство полностью основано на примерах. Мы встроили код в JS BIN, чтобы вы могли поэкспериментировать с кодом. Надеюсь, вы найдете их полезными и сможете использовать в своих проектах.

Пожалуйста, поделитесь ими и напишите в Твиттере, если они вам нравятся, чтобы все больше и больше людей могли извлечь из этих готовых к использованию примеров и добавить к ним изюминку. свои проекты. Если у вас есть предложения, напишите нам. Слушать вас — это почти религиозно для нас.

Оцените статью
nanomode.ru
Добавить комментарий