Webstacker

Твой онлайн-журнал с мира Web и Front End: Новости, статьи и гайды на русском

Автопрефиксер онлайн: ТОП сервисов для добавления вендоров

  • Вещает
  • Опубликовано:
  • Изменено:
Автопрефиксер, вендорные префиксы, поддержка стилей в старых браузерах

Autoprefixer (автопрефиксер) – инструмент для добавления вендорных префиксов, которые дают возможность пользователям со старыми браузерами получить адекватную поддержку стилей. Обычно автопрефиксеры автоматически добавляют вендорные префиксы, когда в процессе разработки используются специальные плагины для среды разработки, таск-менеджеры или специальные сборщики. Но бывает такое, что нам нужно быстро и без каких-либо дополнительных утилит сделать код с префиксами онлайн. Именно для этого и существует этот топ.

Топ онлайн-автопрефиксеров

Поисковая выдача Google выдала довольно много вариантов, которые используют один и тот же движок для генерации префиксов. Поэтому мы отобрали три варианты и будем оценивать удобство, интерфейс и полезные фичи каждого из вариантов.

Место №3: Ы (Автопрефиксер CSS)

Автопрефиксер онлайн
Ы (Автопрефиксер CSS)

Красивый дизайн и возможность форматирования кода – две главные особенности этого онлайн-автопрефиксера. Отсутствие автоматической компиляция кода и выбора поддерживаемых браузеров, одно окно ввода-вывода – довольно спорные моменты: разработчик выбрал путь минимализма и простоты.
Подытоживаем: красиво, но непрактично.
http://zobzn.com/tools/autoprefixer

Место №2: Autoprefixer CSS online

Autoprefixer CSS online
Autoprefixer CSS online

Неплохой автопрефиксер с возможностью выбора поддерживаемых версий браузеров (правда, выбрать из списка не получится – придется искать нужный filter string), автоматической компиляцией кода и выводом ошибок. Вполне хороший вариант, но над удобством я бы поработал. Поэтому мы отдаем ему второе место.
https://autoprefixer.github.io

Место №1: Pleeease/Play

Pleeease/Play
Pleeease/Play

Хоть и не лучший со стороны дизайна, но прекрасен со стороны функциональности: большой выбор опций, автоматическая компиляция, возможность минификации и групирования медиа-запросов, заготовленные шаблоны. Это все делает этот сервис лучшим, за что его разработчику большое спасибо. Царское первое место получает именно он.
http://pleeease.io/play/

Не забудьте добавить в закладки полезный онлайн сервис, которым понравился Вам. Ну и наш, конечно же 🙂

Также подписывайтесь на наш офигенный Телеграм-канал 🤘: постим крутые статьи, авторские мнения, новости и шутки из мира Web-разработки. Понравилась статья? Расскажи об этом друзьям!