Auto reload CSS: Reload automático dos arquivos CSS do seu site!

Auto reload CSS: Reload automático dos arquivos CSS do seu site!

Vai aí uma dica bem útil pra quem trabalha com desenvolvimento de websites e aplicações web: reload automático dos arquivos CSS.

Pra quem trabalha com dois monitores, que é meu caso, é melhor ainda. Em um monitor eu deixo o site aberto e no outro meu editor CSS. Assim quando eu altero uma informação, o site ao lado já atualiza automagicamente, sem precisar ficar dando F5 a cada modificação de cores, fontes, margens, etc.

Os passos são o seguinte;

1) Faça o download desse arquivo JS css_auto-reload.js e inclua no cabeçalho de seu site:

<script type=”text/javascript” src=”css_auto-reload.js”></script>

2) Chame a função na tag <BODY> de seu site:
<body onLoad=”javascript:(document.styleSheets.start_autoreload(2000))”>

Nesse exemplo o reload acontecerá a cada 2 segundos. Para modificar esse tempo, basta mudar o valor que no caso está em 2000 milissegundos.
Pronto, agora você pode trabalhar com mais rapidez e eficiência =)
Ralph Almeida
nosfer@gmail.com

UI/UX Designer e front-end developer • Campinas/SP Com formação acadêmica em TI e pós-graduado em Design Thinking Focado em design de interfaces e experiência do usuário (UI/UX), tendo trabalhado com design de aplicativos mobile (iOS e Android), grandes sites, sistemas web e aplicações desktop.

Sem comentários ainda.

Postar um comentário