Babel – это сборка чистого-красивого ES6 в старый-ужасный ES5. Он лучше coffee \ type хотя бы тем, что это стандарт и когда-нибудь его будут поддерживать все браузеры. TS я, вообще, не смотрел даже. А кофе мне не нравится. Каждому своёё, в общем.
Я и не говорю, что джипеги всегда везде стоит делать. Каждому формату своё место. Но там 3 _фотографии_ в пнг. Тут явно пнг не место.
А для джипегов лучше JPEGMini использовать. По моему опыту, он джипеги жмет лучше.
А в целом да, правило одно — что меньше весит, то и используем.
Вачаган Даниелян Я говорил про плагины, которые доводят PS до уровня Avocode. Но Avocode это вообще не о том, чего вы хотите. Определитесь таки что вам нужно.
65536 Не нужно вписывать. Собирается один файл со всеми иконками и дальше вставляется через . Подробно: https://css-tricks.com/svg-sprites-use-better-icon... Но да, в любом случае один элемент остается. Но это не особо проблема, если верстать сразу учитывая это. Преимуществ куда больше.
65536 Ну так и не используйте этот вариаант с фоном. Используйте решение с инлайн-свг. Поддерживается замечательно: caniuse.com/#feat=svg-html5. А красить иконку через одно свойство в стилях. И transition будет работать, чего с фонами не добится нормально.
Я считаю полный БЭМ-стек ужасным. Методология — крута и подходит везде.
Писать вручную? Есть эммет с БЭМ фильтром. Ну, это не полное спасение, конечно, но всяко лучше.
Так что, кому что.
Ага, вот только все эти иконочки в свг все по разным файлам. И в итоге чтобы загрузить 10кб иконок нужно сделать 11запросов. Ну и сами джипеги не то чтобы очень оптимизированы. Простой запуск jpegmini уже по 20-25% от их веса убивает.
Как бы, в дочернем селекторе это будет адски медленно. Ибо сначала будут выбраны вообще все элементы на странице, а потом только те, которые внутри some_selector. Меееедленно.
OnYourLips: Ну, тут получится просто, что дизайнеру придется использовать 2 инструмента. И я не уверен, что это ему будет более удобно, чем один ФШ, пусть даже с его недостатками.
Но я бы дал попробовать Авокод в любом случае. А там бы уже по его отношению решать нужен он или нет.
OnYourLips: Ну, кто верстать будет это вопрос другой, тут речь вроде не об этом. Но сама верстка из Авокода куда приятнее. Хотя дизайнеру, владеющему ФШ на высоком уровне может дольше придется привыкать к двум инструментам.
Если же ФШ используется просто как инструмент для нарезки и инспектирования макетов, то тут Авокод получится куда удобнее.
В общем, просто попробуйте дать авокод тем кто будет верстать ;)