Приветствую всех коллег и тех, кто стремится сделать администрирование сетей более удобным и информативным! Сегодня я хочу поделиться с вами знаниями об использовании SVG иконок для улучшения карты Dude от MikroTik. Современные средства мониторинга и управления сетями требуют не только функциональности, но и удобного визуального восприятия, руководство высоко ценит визуальные эффекты, впрочем вы это и сами понимаете...
В этой статье мы рассмотрим, как с помощью векторной графики SVG можно сделать карту Dude более читабельной, понятной и стильной...
Уже давно все иконки на сайте используют в SVG формате. Это современно, адаптивно и удобно. Но что делать если svg иконок много? Как использовать спрайты на примере обычных растровых изображений мы уже знаем. Просто соединяем много иконок в одну картинку и выбираем нужный участок картинки через background-position. В случае с SVG самым быстрым способом будет воспользоваться этим сервисом. Создание SVG спрайта 1. Итак, заходим на SVG Sprit 2. Перетаскиваем нужные SVG иконки прям на страницу 3. Получаем...