Essa dica é só pra quem usa Firefox heim! Você que é desenvolvedor(a) ou webdesigner sabe que uma coisinha mt chata no processo de codificação de layouts, é quando você precisa recarregar uma página para ver as alterações feitas no CSS e ao pressionar F5 ela recarrega completamente, scrips, imagens, swfs, vídeos e etc, isso demora, irrita e consome preciosos segundos e até minutos.

Pesquisei e encontrei a solução para esse problema. Um script feito por alguem que eu desconheço, mas sou muito grata que inserido como botão à barra de favoritos do Firefox (é no IE não dá), irá fazer o refresh somente no CSS da página que estiver aberta, sempre que for clicado.

Fácil de fazer e muito últil:
1º passo
Habilite a Barra de Favoritos (por usar o Del.ici.ous acostumei a não usar)

2º passo
Clique com o botão direito na barra de favoritos, selecione Novo Favorito. Vai aparecer essa janelinha:

3º passo
Em Nome: digite CSS Refresh ou qualquer outra coisa que você quiser.

Em Endereço, cole isso:

javascript:void(function(){var i,a,s;a=document.getElementsByTagName('link');for(i=0;i<a.length;i++){s=a[i];if(s.rel.toLowerCase().indexOf('stylesheet')>=0&&s.href) {var h=s.href.replace(/(&|%5C?)forceReload=\d+/,'');s.href=h+(h.indexOf('?')>=0?'&':'?')+'forceReload='+(new Date().valueOf())}}})();

Preencha os outros campos se achar necessário.

4º passo
Deixe Carregar no Painel desmarcado.

Clique em “Adicionar”, e seja muito feliz!

Só lamento por não saber como atribuir teclas de atalho pra essa funcionalidade.

Fonte: Revolução

Assuntos relacionados:

• Colocar Rodapé fixo no bottom
• Mestre Yo – Desenho em CSS
• Banner com DIV Flutuante e Transparente
• Biblioteca JavaScript conserta bugs do Internet Explorer
• Centralizar objeto na página com CSS

E estas são as 5 extensões que eu não consigo viver sem:

1. Web Development

Trata-se de um menu e uma barra de ferramentas com várias ferramentas para desenvolvedores web. É uma EXCELENTE extensão!

♥ Instalar ♥

2. HTML Validator Mozilla

É uma extensão que faz validação no HTML da página que está sendo exibida. O número de erros da página é visto na forma de um ícone na barra de status. Ele te diz quais foram os erros e dá sugestões para consertá-los, esses detalhes dos erros são vistos quando é exibida a página de código fonte.

♥ Instalar ♥

3. Screengrab

Ele salva páginas inteiras como imagens. Depois de instalar, ao clicar com o botão direito na página ou frame, aparece a opção Screengran no final da lista. Você pode salvar direto como .png ou apenas copiar.

♥ Instalar ♥

4. ColorfulTabs

Cada aba tem uma cor diferente. Tá… parece frescura, mas o Colortabs é uma ótima ferramenta de usabilidade! Com abas coloridas você evita de se perder quando várias páginas estiverem abertas.

♥ Instalar ♥

5. Delicious Bookmarks

O melhor dessa extensão é a facilidade para salvar uma página favorita na sua conta do del.icio.us e pesquisar e navegar por suas tags, sem precisar sair da página em que vc está. Muito útil e prático!

♥ Instalar ♥

Assuntos relacionados:

• Refresh apenas no CSS da página