Статьи

Найдите неиспользуемые CSS-селекторы с помощью «Dust-Me Selectors»

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

Как вы можете себе представить, я унаследовал много устаревших CSS, как от старого Marketplace, так и от сайта в целом. Мне нужен был какой-то способ отделить это, соблюдая только те правила, которые нам действительно нужны.

Если вы когда-либо работали над большим проектом — особенно когда несколько человек работают над одними и теми же таблицами стилей — вы будете знать, как быстро он может выйти из-под контроля. Стили добавляются со временем, о них забывают, и возвращение в таблицу стилей спустя месяцы (или, в данном случае, годы) может быть страшным опытом. Сколько из этого необходимо? Вы не всегда знаете, но вы боитесь удалить что-либо, если что-то где-то использует это.

Мне был нужен инструмент, который мог бы решить эту проблему для меня — что-то, что я мог бы запускать в фоновом режиме во время разработки, чтобы создать профиль, правила которого нигде не используются. И поскольку не было ничего для этой работы (по крайней мере, ничего, что я или кто-либо из моих коллег мог бы найти), я написал свой собственный — сначала как скрипт Greasemonkey, и, наконец, как полноценное расширение Firefox.

И вот оно — наслаждайтесь!

Комментарии, мысли, предложения для следующей версии? Я хотел бы услышать, что вы думаете.