Size: a a a

2019 December 13

VZ

Vladislav Zavadsky in FrontCoder
Vitalii
ребята, что лучше: свг спрайты или иконочный шрифт?(под иконочным я не имею ввиду фонавсом или что то такое. есть специальная таска для галпа которая делает собсвенный иконочный шрифт с ваших свг картинок)
Спрайт, т.к. икон шрифты могут блокировать на IOS, так же их тяжелей обновлять и они зависят от межстрочного интервала, что в браузерах может выглядеть смазано. Ну и кеш конечно же
источник

V

Vitalii in FrontCoder
Vladislav Zavadsky
Спрайт, т.к. икон шрифты могут блокировать на IOS, так же их тяжелей обновлять и они зависят от межстрочного интервала, что в браузерах может выглядеть смазано. Ну и кеш конечно же
ну вот проблема в том что свг мне нужно в разметку постоянно вставлять. и иногда приходится делать ненужные обертки для этого. а шрифт можно в бефор. как с этим боретесь или как используете? у меня в галпе есть таска для автомат создание таких символьных спрайтов,все круто. но вот то что вечно в разметку всавлять. беда
источник

VZ

Vladislav Zavadsky in FrontCoder
Pavel Shevchenko
ХЕЛПМИ 😱

Привет!
Ребят, подскажите полезные плагины для верстки в фигмы. Юзал авокод последние пару лет, но в последнее время с ним траблы, хочу сразу с фигмы работать.
есть что-то полезное?
- инструмент линейка (не между блоками а просто растояние а точки зажатой мыши до другой)
- стили в sass
- быстрое копирование текста
и возможно что еще полезное..

Ну не верится что за столько лет в фигме ничего толкового для верстков еще не сделали
А стандартная панель свойств в режиме  css не? Везде по 2 клика, если дизайнер не извращенец линейки все в форме есть, в режиме  code  при помощи alt
источник

VZ

Vladislav Zavadsky in FrontCoder
Vitalii
ну вот проблема в том что свг мне нужно в разметку постоянно вставлять. и иногда приходится делать ненужные обертки для этого. а шрифт можно в бефор. как с этим боретесь или как используете? у меня в галпе есть таска для автомат создание таких символьных спрайтов,все круто. но вот то что вечно в разметку всавлять. беда
Svg  через  sass миксину вставляется 1 стройной с названием иконки. Ничем по принципу не отличается от иконочных
источник

V

Vitalii in FrontCoder
Vladislav Zavadsky
Svg  через  sass миксину вставляется 1 стройной с названием иконки. Ничем по принципу не отличается от иконочных
не в разметку?
источник

V

Vitalii in FrontCoder
у меня 1 документ. все свг в symbol
и в разметку вытягиваю по id
источник

VZ

Vladislav Zavadsky in FrontCoder
В разметку так же 1 строка svg + use путь к спрайту#название иконки. С телефона сейчас не могу скинуть пример. Если не выйдет напиши в лс утром
источник

VZ

Vladislav Zavadsky in FrontCoder
Это хард вариант, все символы в спрайт, а потом по хешу вызываешь. Правда надо под  local host  или сразу на сервере верстку показывать
источник

V

Vitalii in FrontCoder
ну вот в разметку да. так и делаю. просто куча ненужных дивов, что бы обернуть свг+текст, для такого результата (к примеру).
источник

V

Vitalii in FrontCoder
Vladislav Zavadsky
Это хард вариант, все символы в спрайт, а потом по хешу вызываешь. Правда надо под  local host  или сразу на сервере верстку показывать
да. так и есть
источник

V

Vitalii in FrontCoder
а вот как в css спрайт такой запихнуть - не знаю. я думал никак
источник

V

Vitalii in FrontCoder
я бы больше половину иконок пихал бы в ::before
источник

V

Vitalii in FrontCoder
но со спрайтом вроде так нельзя (по красивому)
источник

VZ

Vladislav Zavadsky in FrontCoder
Нее, так не надо, маякни завтра в лс
источник

VZ

Vladislav Zavadsky in FrontCoder
Залей в песочницу, так не видно какие стили куда
источник

ST

Sergey Terekhov in FrontCoder
А если использовать свг иконки через use - потом можно, например, менять их цвет (fill или stroke) при ховере?
источник

V

Vitalii in FrontCoder
Sergey Terekhov
А если использовать свг иконки через use - потом можно, например, менять их цвет (fill или stroke) при ховере?
да
источник

ST

Sergey Terekhov in FrontCoder
Прикольно, думал нет) поэтому по привычке вставляю просто весь svg код иконки)) спасибо!)
источник

V

Vitalii in FrontCoder
только нужно будет удалить эти же fill\stroke с самого свг. ато они работают как инлайновые стили и не перебиваются
источник

ST

Sergey Terekhov in FrontCoder
Vitalii
только нужно будет удалить эти же fill\stroke с самого свг. ато они работают как инлайновые стили и не перебиваются
И через important тоже не перебиваются?)
источник