Автоматизация кроссбраузерной верстки. Какие инструменты посоветуете?

Question

[SergPro]

Предпочтительнее что-то на подобие автопрефиксера, но интересно посмотреть и на другие варианты решения задачи. Как я понимаю, Autoprefixer не даст полной кроссбраузерности, вплоть до ie8, а то и ie7. К тому же для этих bro(или не бро?)wserов не смог его настроить.
Наткнулся на pleeease, вроде что то похожее на правду. Стоит ли его использовать?
А быть может есть легкое решение для SCSS?
В общем очень хочется узнать, кто чем пользуется, в интернетах уже устал рыться.
Мой первый вопрос, всем спасибо за ответы! =)

Answer 1

[sim3x]

gulp-autoprefixer даст все что попросишь
https://github.com/postcss/autoprefixer-core

.pipe(autoprefixer({
    browsers: ['> 1%', 'IE 7'],
    cascade: false
}))

но за тебя он конечно не напишет код, который будет выглядеть везде одинаково

Comments

[SergPro]

Но ведь одними префиксами не обойдешься.
Я настраивал autoprefixer в редакторе, так же указал IE 7. Тестировал border-radius - не сработало... правда там не совсем префикс.
А я вот хочу чтобы машины писали код за меня. Написал border-radius - значит border-radius, написал opacity - значит opacity.
IE 7 конечно перебор, но не мне ведь он нужен, а некоторым замечательным заказчикам.

[sim3x]

SergPro: хочешь, чтоб за тебя писали - легко
Используй бутстрап, там уже включены ручкамичасть совместимостей

[Serj-One]

SergPro:

А я вот хочу чтобы машины писали код за меня. Написал border-radius - значит border-radius,

Шедеврально!

[Игорь Воротнёв]

SergPro: ой, а я еще хочу, чтобы за меня машина и клиентов находила, и бюджеты нормальные выжимала, и ТЗ писала... и еще много чего :) А если серьезно - ориентируйтесь на смартфоны и планшеты, требования и рекоммендации поисковиков, оптимизацию по скорости и тд. А на поддержку ИЕ меньше 9-10 вообще давно уже забили все, кто умеет считать деньги - как свои, так и заказчика.

[sim3x]

Игорь Воротнёв:
>ИЕ меньше 9-10 вообще давно уже забили все
не стоит так бросаться словами.
Бордер радиус, конечно, уже не имитируют, но поддержка офисно-государственного сектора никуда не делась

[Игорь Воротнёв]

sim3x: фразу из контекста не дергайте. Забили все, кто умеет считать деньги. Делать поддержку старых браузеров если это действительно НУЖНО (все верно - госсектор в РФ, например) - тогда это идет отдельной строчкой и в прайсе, и в графике работ. Во всех иных случаях эта поддержка не нужна. Еще на этапе написания ТЗ проводится анализ и определяется, нужно ли поддерживать столь архаичные версии самого любимого браузера. В большинстве случаев - игра не стоит свеч. Тратить кучу времени и денег на 1-3% юзеров, при этом это заставляет отказываться от каких-то плюшек для остальных 97-99%? Спасибо, не надо.

[Игорь Воротнёв]

sim3x: кроме того, ничто не мешает делать нормальный mobile-first progressive enhancement, тогда старые версии просто получат облегченную мобильную версию. Это значительно дешевле и быстрее.

[sim3x]

Игорь Воротнёв: согласен полностью

[SergPro]

Игорь Воротнёв: Ну у меня желание поскромнее =)

ориентируйтесь на смартфоны и планшеты, требования и рекоммендации поисковиков, оптимизацию по скорости и тд

Я то ориентируюсь, а вот заказчики... не уверен, что на биржах фриланса возможно убедить их не тревожить мертвIEцов...

[Игорь Воротнёв]

SergPro: можно, мне же удается. Просто разговаривать надо языком чистых цифр. Показываете статистику, объясняете как обстоят дела на данный момент и как они будут обстоять через 1 год (а сайт ведь делается с рассчетом наперед). Ну и, как я уже писал выше, просто добавляете, что поддержку старых ИЕ можно сделать - за дополнительную плату и дополнительные сроки. Как отдельную услугу.

Answer 2

[Vladimir Abiduev]

PostCSS, он даст тот же автопрефиксер, https://github.com/cssdream/cssgrace для opacity, еще слышал про плагин oldcss вроде, просто набор хаков для старья типа ie, большинство разработчиков из Китая, у них там своя атмосфера.

https://github.com/cssdream/cssgrace вот еще клевый плагин

Теперь концептуальный вопрос, зачем поддерживать < 2% браузеров?

Comments

[SergPro]

Не зачем. Просто есть небольшой спрос на биржах и хочется быть во всеоружии.