Não é exatamente o que você pediu, mas eu adoro o modo de relógio ao vivo de less.js .
Geralmente eu apenas mocko quaisquer elementos / combinações em qualquer tipo de HTML ou XHTML necessário manualmente, mas você pode criar seu próprio documento mestre de elementos. Se você conectar um segundo monitor (ou dois, três etc.) para abrir todos os navegadores (ou usar um segundo computador), todas as alterações salvas serão aplicadas ao vivo a todos eles de uma só vez.
A sintaxe LessCSS pode ser usada juntamente com o CSS comum, mas é mais rápido de trabalhar e fácil de pegar (os resultados podem ser convertidos em CSS normal posteriormente).
Ferramentas como o Aviary permitem tirar facilmente capturas de tela (incluindo a automação de rolagem para baixo e costura), que podem ser rapidamente anotadas (on-line com links compartilháveis) ou salvas e comparadas em outra ferramenta (como Photoshop , GIMP , Paint .NET , etc), sobrepondo-os como camadas e alterando a transparência da parte superior.
Editar:
Se você deseja automatizar o processo de captura de tela (no salvamento de arquivo) para que:
- quando ocorre um problema, você já tem tudo à mão
- uma imagem pode ser adicionada ao controle de versão (que também pode ser automatizada ao salvar o arquivo)
- você pode se concentrar nas atividades de periferia do CSS
então você pode usar algo como um observador de arquivos (desculpe a orientação do Python, existem muitas outras soluções) com um captador de tela . O pós-processamento também pode ser automatizado e, se você usar posições consistentes da janela (um ambiente de programa / desktop pode ajudar nisso), o "chrome" nos navegadores poderá ser cortado como parte do script.