Существует ли ресурс для проверки поддержки CSS-свойств в браузерах по загруженному CSS-файлу?

Question

[V Sh.]

Доброго времени суток!
Собственно интересует такой вопрос. Предположим, что у меня есть мною написанный CSS-файл. Я хочу "скормить" его какому-нибудь сервису и на выходе получить:
1) валидность по W3C самого файла;
2) поддержку браузерами этого файла (например, если используется transform, то поддержка идет с такого-то семейства IE и т.д.)
3) приведенный в соответствие с загруженным стайл-гайдом код

Да, звучит фантастично, но ведь вполне осуществимо? Может, кто-то уже такое придумал и все этим пользуются?

Comments

[V Sh.]

MaxKorz:
0. Пока просто интересно есть ли.
1. Не знаю, зачем-то же есть такие валидаторы для кода CSS. Я просто до кучи этот пункт написал... первым.
2. Список поддерживаемых браузеров даст достаточно много. Ну например будет у меня требование, что все должно красиво отображаться там-то там-то. Я пропущу через сервис свой файл и узнаю, начиная с какой версии каждого семейства браузера мой код будет отображаться корректно. Ну или пользуясь статистикой узнать у какого процента людей на определенной территории мой сайт будет отображаться так, как его задумал дизайнер.
3. А это чисто хотелка такая. Загружая свой стайлгайд оформления CSS, и он под эту гребенку приводит загруженный файл. Например, табуляцию меняет на двойной/четверной пробел, свойство padding раскладывает на padding-top, padding-left и т.д.

[V Sh.]

MaxKorz: спасибо за ответы! По поводу третьего пункта, это скорее для того, чтобы люди могли нормально читать код. Даже новички. Например для класса сначала идут свойства для бэкграунда, потом границы, потом еще что-то и т.п. Ну и margin: 0px 12px 5px понятно опытному разработчику, а новичку будет непонятно где тут какая цифра за какой отступ отвечает. А потом это все скормить какому-нибудь минификатору, который просто обратную операцию проведет и все (все padding (левые, правые, верхние, нижние) сожмет в один), и все)

Answer 1

[sim3x]

css -> autoprefixer + <browsers list> = css for <browsers list>

Answer 2

[Дмитрий]

1. Валидность CSS файла проверять тут https://jigsaw.w3.org/css-validator/
2. Для проверки совместимости CSS свойств есть ресурс caniuse.com, но тут не по файлам проверка, а по свойству. Вводите и смотрите чем и с какой версии поддерживается CSS свойство.
3. Не понятен вопрос.
И да, освойте какой-нибудь CSS препроцессор, например SASS, подключайте его с помощью gulp или grunt и прогоняйте ваш файл через autoprefixer, как сказано в первом ответе. Избавите себя от кучи проблем с префиксами, да и вообще препроцессор CSS весьма полезная вещь!