alive Feb 13 2015 at 07:59

Визуализация CSS файлов

3 min

15K

Website development*CSS*

Translation

+20

Comments 13

AreD Feb 13 2015 at 08:26

Оу, простите за глупый вопрос, а как практически использовать выходные данные вашей утилиты? Какие выводы и практические действия можно выполнить ответив на вопросы:

Как много селекторов в коде? Как их количество изменялось со временем?
Каковы максимальное и среднее значения специфичности селекторов? Какова медиана? Как они изменялись со временем?
Как выглядит распределение специфичности селекторов? Как оно изменялось со временем?
В скольких селекторах используется !mportant директива? Как их количество изменялось со временем?

alive Feb 13 2015 at 09:06

Например, эти данные можно использовать для составления плана дальнейших действий. Представьте, что вы не один раз оказывались в ситуации, когда для реализации некоторого эксперимента, вам необходимо перебить CSS свойство у элемента. И сделать вы это можете либо добавив !important, либо дополнительный класс в итоговый селектор. В какой то момент вам может показаться, что код деградирует, поддерживать его становится сложнее. А данные, полученный подобной утилитой, могут служить подтверждением или опровержением вашей гипотезы.

Ну и как я уже упоминал в статье — это должно быть хотя бы интересно. Так и есть, в моем случае.

alive Feb 13 2015 at 09:12

Про случай. У нас очень большая кодовая база, которая продолжает расти вместе с количеством разработчиков. И интересно наблюдать за изменением ее характеристик.

RubaXa Feb 13 2015 at 17:38

Ибо перебивать нужно модификаторами, а модификаторы хранить в отдельной папке для A/B с четким описание когда добавлено, что проверяется и когда заканчиваем эксперимент. Дальше кроном ходить по папке и напоминать ответственным о истекших экспериментах, что пора выносить решение. Но кого я обманываю, всем же пофиг ;]

alive Feb 13 2015 at 17:47

БЭМ решает такие проблемы. К счастью или несчастью, коду больше 10 лет. Так что сам понимаешь ;-)
Кстати, у нас крон ходит по списку завершившихся экспериментов и напоминает авторам, что надо бы почистить за собой, если они этого еще не сделали.

RubaXa Feb 13 2015 at 17:48

Вот, вот это правильно!

TroL929 Feb 13 2015 at 10:25

Да это может быть в каких то ситуация полезным. У меня сразу появилась идея, а что если имеется одна версия файла?
Можно сделать так: пользователь (которых хочет отслеживать css файл) регистрирует путь к файлу, а сервис каждый день его сканирует, и анализирует. А там уже и графики выводит.