17

Prefixr — удобный сервис для веб-разработчиков

Опубликовано 11 Октябрь 2011 в рубрику Разное

Prefixr - удобный сервис для веб-разработчиков
Сегодня я хочу рассказать вам про удобный сервис Prefixr от Jeffrey Way. Узнал я о нем около месяца назад, и сразу начал активно использовать. Данный сервис дополняем ваш CSS код необходимыми кроссбраузерными свойствами и даже выполняет некие другие кастомные функции.

И так, в области форматирования кода, сервис умеет его сжимать, а также добавлять перенос строки после каждого свойства. Обе функции кастомные. В области вставки в код кроссбраузерных свойств есть немного больше функции, во первых он вставляет все существующие префиксы, т.е.: -webkit, -moz, -o, -khtml и-ms.

Есть возможность отключить вставку какого-либо префикса, либо всех, но отключить -webkit отдельно нельзя. Работает сервис очень просто, вы вставляет ваш код в необходимое поле, указываете необходимые функции, и после получаете результат. Из недостатков могу сказать только, что нет группировки свойств, я например свойства font-* пишу в одну строку, и после пользования сервисов бывает неудобно их вручную опять группировать.

Также у сервиса есть API. Вы можете встроить его в такой софт как: Sublime Text 2, TextMate, Espresso, Vim и другие. Либо можете обращатся к сервису напрямую по линке http://prefixr.com/api/index.php и в качестве аргумента передавать ваш CSS код (?css=…).

Ну вот и всё, советую пользоваться данным сервисом для удобства и ускорения разработки.

Комментарии (3)

  • удобная штука. Особенно когда работаешь с чужой версткой, в которой все стили однострочно расписаны.
    На счет группировки свойств не понял. У меня как было
    font: 12px Tahoma, Helvetica, Arial, Verdana;
    так и осталось
    font: 12px Tahoma, Helvetica, Arial, Verdana;

    Написал mdss
    24 Октябрь 2011 в 09:10 ответить
    • Нет, я имею введу, что в последнее время я вместо:

      font-size: 13px;
      font-family: Tahoma, ...;
      font-weight: normal;

      пишу вот так:

      font-size: 13px; font-family: Tahoma, ...; font-weight: bold;

      Т.е. свойства, которые связанны собой по предназначению я пишу в одну строку.

      Написал sofcase
      24 Октябрь 2011 в 10:34 ответить
  • Спасибо за сервис, возьму на заметку!!!

    Написал konstantin
    29 Январь 2012 в 12:50 ответить

Добавить комментарий

Вы можете оставить свой комментарий касательно данной статьи. Если вы впервые оставляете комментарий на моём блоге, то сначала он должен будет пройти проверку, последующие ваши комментарии будут добавляться без проверки.