Faxinando folhas de estilos

Introdução

O site do Maujor irá completar em agosto de 2016 13 anos de existência e neste período sofreu várias atualizações não só nos conteúdos, mas no layout. A estrutura da marcação HTML sofreu pequenos ajustes, o DOCTYPE original foi alterado de XHTML Strict para o da HTML5. O layout já foi fixo, fluido, com duas ou três colunas e hoje é responsivo.

As maiores e mais significantes modificações a cada alteração do layout foram feitas nas folhas de estilos do site. O resultado, ao término de cada atualização, era uma folha de estilos cada vez mais "inchada" com acréscimos de seletores para contemplar cada novo layout.

Mas, não só acréscimos ocorreram. Muitos dos seletores perderam a utilidade no novo layout, mas permaneceram silenciosamente, como "lixo" nas folhas de estilos.

Procura-se faxineira

Extensões para navegadores e ferramentas online foram criadas com a proposta de identificar e remover o "lixo" das CSS. A desvantagem de ambas é que possibilitam fazer a faxina em uma página de cada vez, o que além de ser impraticável para um site com muitas páginas, a faxina é feita na página e não no site como um todo.

Estou em processo de redesign do site e resolvi procurar uma "faxineira CSS para o site todo".

Achei!

Encontrei e compartilho com vocês a faxineira que contratei. Trata-se de uma ferramenta paga, mas se você como eu não tem conhecimento ou tempo para criar um programa faxineiro próprio é uma "diária" modesta para se pagar à faxineira.

Clique o logo mostrado a seguir para visitar o site da faxineira

Tarefas da faxineira

• Varre as páginas do site automaticamente, identifica seletores CSS que não são usados e gera uma nova folha de estilos livre do lixo e pronta para download. Mas, antes relaciona os seletores lixo e dá ao desenvolvedor a opção de preservar um ou mais deles a seu critério.
• Procura por regras CSS em arquivos javascript;
• Apresenta uma lista customizada dos seletores a preservar (que não são lixo);
• Corre atrás e faxina arquivos CSS inseridos com a diretiva @import;
• Faxina regras de estilo para RWD inseridas com media queries;
• Faz faxina em sites desenvolvidos com WordPress e frameworks (Bootstrap...);
• E, outras coisinhas mais relacionadas a faxina CSS.

Mais informações visite o site unused-css