1) Расскажите, пожалуйста, об инструменте для сборки UI Kit.
Это ваша внутренняя разработка?
Могут ли дизайнеры не писать код, чтобы добавлять туда новые элементы?
2) Если не секрет, насколько улучшились показатели заказчика после внедрения вашей системы?
Спрашиваю, потому что для команды разработчиков интерфейсов выгода очевидна, а для всех остальных она логически объяснима, но не столь явна. Интересно было бы узнать о реальной ситуации.
не захотели писать less/sass/etc. или им чем-то не нравились эти инструменты, а тут им тот же css
В зависимости от используемых модулей синтаксис pcss может серьёзно отличаться от «чистых» стилей.
А может и не.
Сасс, лесс, стайлус это готовые наборы обработчиков, изменить или добавить новые сложно.
PostCSS — платформа для создания своего набора обработчиков. Можно написать их все самостоятельно или выбрать из множества готовых. В статье перечислена лишь малая часть уникальных возможностей, которые появляются благодаря доступу к результату работы парсера.
Решение для ИЕ оказалось слишком магическим :\ Надеюсь, у пользователей с ним всё будет хорошо.
Зато лисичке помогли надёжно, судя по тестам.
В личку написал.
Если мы правильно поняли, когда изучали проблему, это происходит, только если изменять ширину браузера.
Не только:
Так пиктограммы отображаются на Вин 7 и 8. В ИЕ11 они также размыты. Мониторы 1920 и 1440 пикселей в ширину. Окна браузеров максимизированы и их ширина не менялась после загрузки страницы.
Иногда можно добиться нормального отображения, изменяя ширину окна браузера.
Чтобы пиктограммы всегда отображались нормально, нужно добавить пару свойств:
Здесь немного подробней про производительность анимации при помощи только стилей и с помощью скриптов.
Если коротко, многое зависит от скорости фреймворка (если он используется) и способа анимирования скриптом.
Вот такое сравнение есть, например.
Ясно :)
Мне ваша понравилась тем, что можно задавать фигуру пиктограммы прямо из стилей, а use принуждает задавать её в разметке. Хорошо, буду смотреть в ту сторону.
Как я понял, он оптимален при использовании другой техники, с помощью use. Хотелось бы, чтобы получался «спрайт» именно такой, как у вас. Может, как-то этот плагин специально настроить надо?
Можете порекомендовать какой-нибудь модуль для Гранта или Галпа для автоматизации склейки общего СВГ именно с таким способом объявления фигур, как у вас?
А включение его в страницу поможет упростить этот способ.
А как же клиентская оптимизация? :\
Спасибо!
Спасибо за статью.
1) Расскажите, пожалуйста, об инструменте для сборки
UI Kit
.Это ваша внутренняя разработка?
Могут ли дизайнеры не писать код, чтобы добавлять туда новые элементы?
2) Если не секрет, насколько улучшились показатели заказчика после внедрения вашей системы?
Спрашиваю, потому что для команды разработчиков интерфейсов выгода очевидна, а для всех остальных она логически объяснима, но не столь явна. Интересно было бы узнать о реальной ситуации.
Если что, в
V8
let
иconst
сейчас медленней, чемvar
: https://youtu.be/BstzvS2xd5U?t=1166А
forEach
медленнейfor
: https://twitter.com/jsunderhood/status/585372287077081089Самоконтроль в этой ситуации полезен, но, похоже, автор имел ввиду именно SelfControl, приложение для мака.
В зависимости от используемых модулей синтаксис
pcss
может серьёзно отличаться от «чистых» стилей.А может и не.
Сасс, лесс, стайлус это готовые наборы обработчиков, изменить или добавить новые сложно.
PostCSS
— платформа для создания своего набора обработчиков. Можно написать их все самостоятельно или выбрать из множества готовых. В статье перечислена лишь малая часть уникальных возможностей, которые появляются благодаря доступу к результату работы парсера.В общем, сфера применения
PostCSS
гораздо шире.[Перешёл со стайлуса, всем доволен :]
Расскажите подробнее, пожалуйста.
Вы про локальный вебпак в ноде разработчика или о каком-то более плотном способе интеграции?
Можно сделать свой набор размеров, при «ресайзе» мышкой выводится текущий размер.
Зато лисичке помогли надёжно, судя по тестам.
В личку написал.
Не только:
Так пиктограммы отображаются на Вин 7 и 8. В ИЕ11 они также размыты. Мониторы 1920 и 1440 пикселей в ширину. Окна браузеров максимизированы и их ширина не менялась после загрузки страницы.
Иногда можно добиться нормального отображения, изменяя ширину окна браузера.
Чтобы пиктограммы всегда отображались нормально, нужно добавить пару свойств:
Возможно, есть способ и получше :)
Если коротко, многое зависит от скорости фреймворка (если он используется) и способа анимирования скриптом.
Вот такое сравнение есть, например.
Спасибо вам за них! :)
Мне ваша понравилась тем, что можно задавать фигуру пиктограммы прямо из стилей, а
use
принуждает задавать её в разметке. Хорошо, буду смотреть в ту сторону.use
. Хотелось бы, чтобы получался «спрайт» именно такой, как у вас. Может, как-то этот плагин специально настроить надо?А включение его в страницу поможет упростить этот способ.
Смотря сколько цветов. Иногда и стопки сгодятся.