Conhecendo a Ferramenta de Desenvolvedor Web

Ola

 

Muitas vezes nos deparamos com a seguinte situação:
Criamos um widget,e queremos personaliza-lo á parte,mas não sabemos como fazer isso sem alterar também todos os outros elementos que estão situados naquela sidebar,ou seja,sem alterar todos os widgets junto.
Vou contar para você uma técnica que utilizo muito e funciona em 99% dos casos.Não é nenhuma magica,so estarei ensinando algo que com o tempo se tornará obvio e prático demais para ser desperdiçado.
Mas antes de te contar vou lhe apresentar um grande companheiro meu.


Dificilmente eu recorro á outros blogs ou sites para saber como personalizar isso ou aquilo,na minha pagina.Isso só acontece quando quero fazer ou estudar procedimentos e técnicas que envolvem linguagens desconhecidas para mim.
Então,cabe dizer aqui que a maioria das personalizações feitas neste blog foram feitas por mim,baseadas nas teorias de XHTML e CSS absolvidas nos cursos que fiz ao longo do tempo.
Mas nao vá se enganando,achando que é algo simples de se fazer,ainda mais quando se tem tão pouco tempo de conhecimento do assunto.Pois nada adianta saber a teoria dessas linguagens,se voçê não sabe onde,como e por que aplica-las,
 Para quem ja nao conhece,vou apresentar a ferramenta Desenvolvedor Web nativa do navegador Firefox.
Não sabe do que eu falo?Ja vou esplicar!

As funções da Ferramenta de desenvolvedor web 

A partir da versão 10 do Firefox você conta com uma nova ferramenta de inspeção de código embutida no navegador. As versões anteriores desse navegador já tinham esse recurso, mas na versão 10 ele esta otimizado e melhorado.
Esta ferramenta torna muito mais fácil inspecionar elementos do HTML e CSS no Firefox,É sem duvida algo indispensável quando se deseja conhecer e descobrir mais sobre o que existe por traz de cada pagina que visitamos.
Existem muito poucos artigos que falam sobre essa opção,por isso resolvi fazer esse post falando sobre o básico do que ela pode fazer e como utilizar esses conhecimentos para melhorar sua experiência de edição html.
Para compreender mais sobre cada um das funcionalidade e desse solução para desenvolvedor web abra a opção ferramentas do seu navegador Firefox.e clique na opção ‘desenvolvedor web’

Você verá as seguintes opções:
Console da Web-desculpa,mas ainda não descobri para que serve isso u.u)
Inspecionar-O ponto chave,irei falar sobre ele logo adiante,no próximo artigo.
Modo de design adaptável-Permite você visualizar a pagina de diferentes e tamanhos adaptando á sua preferencia.
Depurador-Funcionalidade muito interessante que analisa e exibe todos os scripts de um apagina e informaçoes sobre eles.
Scratchpad-rascunho de edição de Java script nativo.
Editor de estilos-Possibita você editar os estilos de determinada pagina,á sua preferencia.
Código fonte:exibe todo o código html da pagina em que você esta.
Console de erros-Basicamente um console de erros de execução,muito eficiente.
Logo abaixo você pode ‘adicionar outras ferramentas’ onde irá ser redirecionado para a pagina de Web Developer's Toolbox onde encontrará plugins e complementos muito eficientes que também realizam esses trabalhos de forma até mais eficiente,dentre eles o Firebug que é referencia no assunto Desenvolvedor web.Sem duvida alguma,eu recomendo.
Todas as funções citadas anteriormente são importantes,por isso é bom que pesquise e estude mais afundo cada uma delas se voçe quer tem uma visão mais completa do ambiente em que se encontra e nao apenas ver mas interpretar o que tudo aquilo significa.
Ou deixar aquela técnica que citei anterirmente,para o próximo artigo,onde irei falar mais sobre o que é para mim,a principal função desta ferramenta cheia de surpresas: a opção ‘Inspecionar’.
Vamos entender um pouco mais sobre como ela funciona e como utiliza-la para te auxiliar no estudo e personalização dos widgets e demais elementos do seu layout.
Até la!