Shustry
Как то логотип или иллюстрация.
Shustry
Тогда xlink юзаю.
Shustry
иконки и прочий оформительский мусор я вставляю миксином сразу в лесс.
Shustry
Сами свг делаю в фотошоп+иллюстратор
Shustry
Ты про это спрашиваешь?
Den 💙💛
Да
Den 💙💛
Тоесть ты вшиваешь иконку в цсс
Shustry
Да.
Den 💙💛
Как фоновое изображение
Shustry
Чаще как фон к псевдоэлементу.
Den 💙💛
А если цвет иконки поменять нужно?
Shustry
Для этого и есть набор миксинов.
Shustry
Ясен пень, ты не поменяешь цвет и любой атрибут, если у тебя нет svg в DOM
Den 💙💛
Тоесть одна иконка у тебя в нескольких цветах в цсс?
Shustry
Не совсем так.
Shustry
Одна иконка у меня в less в разных цветах. При компиляции да, получается столько внедрённых в css иконок, сколько цветов. Но при сжатии это всё обратно, условно говоря, в одну иконку превращается.
Shustry
Но в целом да, сколько вариантов иконки, столько раз она в css внедряется.
Den 💙💛
Ну и если у тебя 30 иконок, то минимум в цсс ты получишь 60
Den 💙💛
Серая и белая, как вариант
Shustry
Ну да.
Den 💙💛
Ну это ж тоже костыли ))
Shustry
Да ну?
Vadim
Во заливают про обратную совместимость)) http://www.joomlaxtc.com/resources/blog/why-wordpress-developers-need-to-take-another-look-at-joomla-3
Vadim
где она в рамках 3ей ветки?
Shustry
А внедрять в документ изображения, которые относятся к представлению и никак к содержанию, это не костыли?
Den 💙💛
Я не о том
Shustry
А о чём?
Den 💙💛
ну для генерации 5 иконок в 5 цветах ты используешь один и тот же sgv
твой файл стилей толстее и тя таскаешь мегабайт иконок по всему сайту
в этом случаи лучше уже использовать иконку как картинку
Vadim
Shustry
Про gzip слышал?
Den 💙💛
и что?
Shustry
Что «и что»?
Shustry
Значит не слышал.
Shustry
:)
Den 💙💛
если же говорить про шрифты, то они хороши тем, что одну иконку можно использовать как угодно
Den 💙💛
шрифты тоже можно сжать
Shustry
Дениска, каждый дрочит как хочет. Я не собираюсь навязывать тебе свою идеалогию и, тем более, свой опыт. :)
Shustry
При чём тут сжать, если изначально речь шла о сглаживании?
Den 💙💛
алиасинг и HD-мониторы сегодня и мониторы вчера 2 большие разницы )))
Shustry
Я что-то пропустил, на винде сейчас не 72?
Shustry
Вне зависимости от размера монитора, я всегда буду видить «лесенки».
Den 💙💛
так при разрешении 72 точки у тебя все будет отображаться с таким разрешением
Shustry
Гм. Что?
Den 💙💛
Вне зависимости от размера монитора, я всегда буду видить «лесенки».
для этого есть сглаживания на уровне цсс
Vadim
Денис... как бы тебе про другое говорят
Shustry
Картинку с троллейбусом из хлеба лень искать.
Den 💙💛
разрешение отдельных элементов ну ни как не поменяется если монитор тебе отдает 72 точки
Shustry
алиасинг и HD-мониторы сегодня и мониторы вчера 2 большие разницы )))
Тебе не кажется, что тут когнитивный диссонанс?
Shustry
С последним твоим предложением если связать.
Shustry
:)
Vio
Den 💙💛
кажется, так как плотность точек на сегодняшних мониторах больше и ни как не 72 точки )))
Den 💙💛
ну хорошо, а что ты делаешь с шрифтами для заголовков?
Shustry
Сорри, Денис, мне поработать надо.
Shustry
Было весело.
Den 💙💛
)))
Shustry
Про шрифты потом расскажу
Vio
акиба что-то бубнит https://twitter.com/akeebabackup/status/769131978113286144
Den 💙💛
немного про PPI — сегодня если взять среднестатистический дешевый монитор 21.5" размером 1920х1080 то плотность будет гд-ето в р-не PPI 100
у ретина мониторов PPI составляет больше 300 пикселей на дюйм
Shustry
Ты всё в кучу смешал. Ей богу, мне порой кажется, что ты так тонко троллишь.
Shustry
Ну не может человек серьёзно писать кое-что из того, что ты пишешь. :)
Den 💙💛
:)
Den 💙💛
ладно, ладно
Den 💙💛
но у меня вопрос изначально был о другом
Den 💙💛
как ты собираешь иконки, и я имел ввиду в Illustrator, а ты про less начал
Den 💙💛
ты в иллюстраторе слои объединяешь в один слой через Compound Path?
Shustry
Да.
Shustry
Несложные иконки монохромные я рисую в фотошопе, потом в иллюстраторе оптимизирую, там же экспортирую в svg. потом в svggo оптимизирую и сжимаю.
Den 💙💛
ну вектор можно без проблем перенести с фотошопа в иллюстратор
Den 💙💛
можно конечно нарисовать иконку в фотошопе, но лучше ее отрисовать в векторе
Shustry
Я рисую в фотошопе в векторе. Походу что-то не так делаю
Den 💙💛
я подумал как растр
Den 💙💛
я например картинки, логотипы и т.д. сливаю в 1 файл, а потом оперирую view
Shustry
http://prntscr.com/cantzw
Shustry
http://prntscr.com/canudl
Den 💙💛
ну скажем так:
logos.svg#main-logo
в svg добавляю:
<view id="main-logo" viewBox="0 0 135 72" />
<view id="h-view" viewBox="0 73 135 24" />
Shustry
http://prntscr.com/canugc
Shustry
Это всё вектора в фотошопе.
Shustry
А почему бы xlink не использовать?