Vídeo tutorial: Como corrigir seu CSS rapidamente usando a Firebug

Vídeo tutorial: Como corrigir seu CSS rapidamente usando a Firebug

Publicado em CSS, Desenvolvimento, Tutoriais, videos, por

No dia a dia de quem desenvolve páginas, sites e aplicativos baseados na web, a correção de pequenos problemas relacionados ao CSS é algo constante. Se você trabalha em uma agência digital ou administrando um portal também deve conviver com esse tipo de necessidade. Neste vídeo tutorial, o primeiro do blog, vou mostrar como você pode usar a extensão Firebug do Firefox para acelerar e aprimorar o processo de correção desses problemas.

Link para instalação da Firebug: http://getfirebug.com/

Você gostou deste post?

Domênico Citrângulo

Domênico Citrângulo é web developer e trabalha criando websites e aplicativos para portais e agências há 9 anos. HTML, CSS, Javascript e Flash tomam a maior parte do seu tempo. Quando não está trabalhando, gosta de procurar novos restaurantes e lugares bacanas em São Paulo.

Siga o autor no Twitter!  

Posts relacionados

Posts Populares


  • http://www.talitapagani.com Talita Pagani

    Excelente tutorial!

    Muitas vezes utilizo o Firebug para corrigir erros de layout e realmente ele agiliza esse trabalho pois você consegue testar e visualizar no mesmo instante as possibilidades de correção. Sempre recomendo a outros designers fazerem o mesmo.

    Nos outros navegadores é possível fazer isso com os inspetores de códigos que eles possuem, mas eles não são tão bons quanto o Firebug.

  • Felipe

    Muito bom, Domênico! Bastante útil pra quem está começando (como eu) já ir se habituando.

  • http://www.naldowebdesign.com.br Naldo

    ótima vídeo aula parabéns!

  • Gustavo Melo

    Ótimo Tutorial….

    abraços.

  • http://daniel.gnutopia.com.br Daniel Neves

    Gostei bastante do seu tutorial, fico no aguardo de mais vídeos. Já usava o Firebug mas o vídeo me ensinou uma coisinha ou outra que não sabia.

    Parabéns!

  • http://www.portalfolha.com Gustavo

    Já trabalho com desenvolviemnto web há algum tempo e não sabia dessa ferramenta, muito boa, se a tivesse usaddo durante todo esse tempo teria economizado muito tempo, energia, neuronios e saco.

    Sucesso pra vc cara.

  • Douglas Monteiro.

    Ótimo tutorial!
    me ajudou bastante e conheçer melhor os recursos do firebug, que anda me poupando um grande trabalho :B

  • http://Seuwebsite Alessander Raker

    Muito bom o seu tutorial. Eu já usava mas ele veio como luva para novas funcionalidades. Show demais

  • Flávio Fernandes

    Bom tutorial.
    Uma dica pra achar a linha no dreamweaver mais rapidamente, é usar o ctrl + g e digitar o número da linha, melhor que rolar o scroll.
    abs

  • http://Seuwebsite maicon

    como q vc abriu esse css aew? com todas essas linhas e salvou?

  • http://www.gdesignweb.com.br Gustavo

    Cara, seu blog é simplismente show, uma materia melhor que a outra, dicas excepcionalmente úteis para quem é iniciante, salvadoras de vidas hehhe…

    Senti a falta de novos artigos no blog, atualiza aê cara, não deixa o blog morrer por favor, e diz ae o que a gente pd fazer pra te ajudar a escrever mais.

    Abraço.

  • http://assuguia.com.br Reges

    Excelente!! .. não conhecia o Firebug. Com certeza vai me ajudar muito. Parabéns pelo tuto.

  • http://www.programaaldeiaglobal.com.br Marcelo

    Domênico, tenho que te parabenizar pelo tutorial! Eu tenho o Firebug instalado, mas tinha preguiça de procurar saber como funcionava… Que erro meu! Se soubesse usar antes, tinha poupado muito tempo!!! Ótimo!

  • Minguini

    não consigo ver o video, eu clico e não acontece nada…

  • Ivanmanoel

    o idela era se o firebug pudesse salvar diretamente do browse ae ia ser show…

  • Ivanmanoel

    Domênico parabéns pelo blog sempre encontrava soluções similares lá fora mais você foi o primeiro brasileiro a compartilhar seus conhecimentos obrigado e parabéns…

  • http://www.facebook.com/PAGINAREVISTA.COM.BR Erasmo Deterra

    Cara! Tô conhecendo teu site (blog) agora…. Mas estou achando legal, bacana pra caramba! rsrsrsr Grande abraço e sucesso!

  • http://dicasdofabio.wordpress.com/2012/01/31/firebug-vdeo-tutorial/ Firebug: vídeo tutorial: | Dicas do Fábio

    [...] o Firebug no Firefox e como detectar e corrigir incorreções no código de uma página. Clique aqui ou na imagem para acessar o vídeo [...]