Pull to refresh
10
0
Сергей Васильев @SVGen

User

Send message

А как же клиентская оптимизация? :\

Спасибо за статью.


1) Расскажите, пожалуйста, об инструменте для сборки UI Kit.
Это ваша внутренняя разработка?
Могут ли дизайнеры не писать код, чтобы добавлять туда новые элементы?


2) Если не секрет, насколько улучшились показатели заказчика после внедрения вашей системы?
Спрашиваю, потому что для команды разработчиков интерфейсов выгода очевидна, а для всех остальных она логически объяснима, но не столь явна. Интересно было бы узнать о реальной ситуации.

Если что, в V8 let и const сейчас медленней, чем var: https://youtu.be/BstzvS2xd5U?t=1166
А forEach медленней for: https://twitter.com/jsunderhood/status/585372287077081089

Самоконтроль в этой ситуации полезен, но, похоже, автор имел ввиду именно SelfControl, приложение для мака.

не захотели писать less/sass/etc. или им чем-то не нравились эти инструменты, а тут им тот же css

В зависимости от используемых модулей синтаксис pcss может серьёзно отличаться от «чистых» стилей.
А может и не.


Сасс, лесс, стайлус это готовые наборы обработчиков, изменить или добавить новые сложно.


PostCSS — платформа для создания своего набора обработчиков. Можно написать их все самостоятельно или выбрать из множества готовых. В статье перечислена лишь малая часть уникальных возможностей, которые появляются благодаря доступу к результату работы парсера.


В общем, сфера применения PostCSS гораздо шире.


[Перешёл со стайлуса, всем доволен :]

юзайте webpack, который можно спокойно с битриксом подружить

Расскажите подробнее, пожалуйста.
Вы про локальный вебпак в ноде разработчика или о каком-то более плотном способе интеграции?

Рекомендую удобный инструмент для изменения размера окон Sizer.
Можно сделать свой набор размеров, при «ресайзе» мышкой выводится текущий размер.
Решение для ИЕ оказалось слишком магическим :\ Надеюсь, у пользователей с ним всё будет хорошо.
Зато лисичке помогли надёжно, судя по тестам.
В личку написал.
Если мы правильно поняли, когда изучали проблему, это происходит, только если изменять ширину браузера.

Не только:

image

Так пиктограммы отображаются на Вин 7 и 8. В ИЕ11 они также размыты. Мониторы 1920 и 1440 пикселей в ширину. Окна браузеров максимизированы и их ширина не менялась после загрузки страницы.

Иногда можно добиться нормального отображения, изменяя ширину окна браузера.
Чтобы пиктограммы всегда отображались нормально, нужно добавить пару свойств:

    transform: translateX(0); /* ФФ */
-ms-transform: translate(.5px, -.3px); /* ИЕ */

Возможно, есть способ и получше :)
Здесь немного подробней про производительность анимации при помощи только стилей и с помощью скриптов.
Если коротко, многое зависит от скорости фреймворка (если он используется) и способа анимирования скриптом.
Вот такое сравнение есть, например.
Ой! Теперь буду знать.
Спасибо вам за них! :)
Ясно :)
Мне ваша понравилась тем, что можно задавать фигуру пиктограммы прямо из стилей, а use принуждает задавать её в разметке. Хорошо, буду смотреть в ту сторону.
Как я понял, он оптимален при использовании другой техники, с помощью use. Хотелось бы, чтобы получался «спрайт» именно такой, как у вас. Может, как-то этот плагин специально настроить надо?
Можете порекомендовать какой-нибудь модуль для Гранта или Галпа для автоматизации склейки общего СВГ именно с таким способом объявления фигур, как у вас?
А включение его в страницу поможет упростить этот способ.
Например, здесь и тут пиктограммы, а иногда и графика векторные.
Можно ещё добавить на тему SVG недавнюю подборку: «A Compendium of SVG Information»
— Что делать когда вектор полноцветный?

Смотря сколько цветов. Иногда и стопки сгодятся.
Ясно. Не надо прекращать такую хорошую традицию :)
1

Information

Rating
Does not participate
Location
Воронеж, Воронежская обл., Россия
Date of birth
Registered
Activity