Existem pessoas que ainda perdem tempo no velho “edita, salva, alterna, atualiza” para ver as mudanças ao editar CSS de seus sites. Tipo eu, 5 minutos atrás. ;)
Como editar CSS com o Firebug
Com o Firebug, dá pra editar CSS sem ser clicando nas propriedades.
É possível editá-lo como o HTML.
Vá na aba CSS, escolha o arquivo e clique em editar.
Vivendo e aprendendo.
PS: a WebDeveloper Toolbar faz a mesma coisa, aperte Ctrl+Shift+E.
PPS: Depois de editar, copie o código e cole no arquivo.
Gostou desse post? Então assine o RSS Feed, Email ou siga-me no Twitter!
Artigos relacionados:
- Como Usar o Firebug em Navegadores que Não Sejam o FireFox
- Recursos para WebDev – Parte 4: As 3 extensões essenciais para o Desenvolvedor Web
- Como criar extensões para FireFox com scripts do Greasemonkey
- Como se Tornar um Expert no FireFox
- Como redimensionar ou diminuir o tamanho de várias fotos e imagens ao mesmo tempo com o Picasa do Google sem o PhotoShop ou GIMP
Publicidade
Assine o RSS
haha isso é uma mão na roda, quando eu descobri reduziu bastante o tempo gasto para editar e tudo mais
muito bom essas paradas no FireFox
Responder
Pedro, tem duas outras opções bem legais também, que uso bastante:
- Inspect element (ctrl + shift + c) – ao clicar nessa opção, você passa a seta do mouse em cima do site e ele vai selecionando elementos e mostrando o código de cada um (divs, tables etc.). Depois que encontrar o elemento você pode usar a técnica descrita acima pra editar também.
- Command line (ctrl + shit + l) – um shell JavaScript em que você acessa os objetos da página atual. Sensacional! Dica: use console.log(uma_string) pra fazer os “prints” no console e debugar o site.
Responder
Pedro Menezes respondeu em August 27th, 2009 3:46 pm:
Essas eu já conhecia. Só não conhecia a opção de editar o CSS desse jeito como HTML. Valeu. :)
Responder
[...] via pedromenezes.com [...]