CSS, XHTML, Web Standards, Tableless, Estatísticas, SEO, Wordpress | marcio misumi

Web Developer é uma extensão indispensável para qualquer desenvolvedor web e facilita demais o dia-a-dia destes profissionais. Ao instalar esta extensão, é habilitada uma barra de ferramenta localizada abaixo da barra de navegação. O Web Developer Toolbar contém inúmeros botões com diversas funções. Veremos com mais detalhes cada um:

Disable: Serve para desabilitar diversos componentes ou partes do navegador. Pode-se desabilitar cache, javascript, popups, as cores da página, etc.
Cookies: Permite desabilitar os cookies, encontrar informação completa dos cookies que nos enviam em cada página, etc.
CSS: Podemos realizar diversas ações sobre as folhas de estilo. Permite desabilitá-las da página. Possibilita a visualização das CSS existentes. Tem também uma opção para editar as CSS no próprio Firefox e assim verificar como ficará determinada alteração. Esta alteração voltará ao original assim que a tela de edição for fechada.
Forms: Permite-nos realizar diversas ações sobre formulários, como ressaltar e obter informação de todos seus campos. Permite limpar todos os radio buttons, mudar um campo select por um campo de texto, completar com textos todos os campos do formulário ou tirar os maxlength dos campos.
Images: Permite habilitar e desabilitar imagens. Mostra informações de alt, dimensões, tamanho do arquivo e caminho (path) da imagem. Nos possibilita esconder imagens e backgrounds, nos mostra informações de todas as imagens contidas na página, etc.
Information: Mostra informação de uma série de elementos da página. Permite ver informação sobre abreviações, âncoras, ID’s, classes, o tamanho do documento, a profundidade das tabelas, informações das tabelas, atributo title, informações de todas as cores, o javascript que se está executando, informação dos links, tab index, etc.
Miscellaneous: Permite limpar dados confidenciais (cachê, histórico, autenticação), possibilita habilitar linhas guias, régua e ampliador da página diretamente no navegador. Podemos também editar o código HTML diretamente no browser para visualizar rapidamente como ficará determinada alteração. Esta alteração voltará ao original assim que a tela de edição for fechada.
Outline: Serve para destacar elementos da página, como os links, frames, tabelas, células, divs, etc.
Resize: É uma interessante utilidade para redimensionar a janela do navegador para uma determinada resolução pré-definida pelo usuário.
Tools: Contém ferramentas úteis, como verificador de links, validadores de código, acesso ao console de Java ou Javascript, etc.
View Source: Permite a visualização do código-fonte.

Por último, também dispõe de um botão para acessar a diversas opções para configurar o comportamento do navegador ou desta extensão.

Download: https://addons.mozilla.org/pt-BR/firefox/addon/60

jQuery é uma poderosa biblioteca JavaScript criada para simplificar a criação de efeitos visuais e de interatividade em web sites. Desenvolvedores especialistas em JavaScript, ao conhecerem as maravilhas de que a biblioteca é capaz, com certeza vão se perguntar: “Por que não pensei nisso antes?” Iniciantes, com noções rudimentares de JavaScript, experimentarão uma curva de aprendizado inimaginável para aqueles experientes com a linguagem.

jQuery propicia a criação de scripts de uma forma tão simples e intuitiva que consegue com meia dúzia de linhas os mesmos efeitos de um script de 30 a 40 linhas desenvolvido com JavaScript tradicional. Simplicidade foi a diretriz que norteou John Resig na criação da biblioteca.

Devido as maravilhas dessa biblioteca, o Maurício Samy Silva (Maujor) resolveu escrever o livro “jQuery – A Biblioteca do Programador JavaScript” com lançamento previsto para 02/12/08.

Para quem não conhece, o Maujor é o famoso dinossauro das CSS, a maior referência em Padrões Web no Brasil.

Mais informações sobre o livro pode ser encontrada no site: http://www.livrojquery.com.br.

Vejam a estatística de resoluções de tela do mês de outubro divulgado pela Net Applications:

1024 x 768 – 38.82%
1280 x 800 – 18.77%
1280 x 1024 – 13.14%
1440 x 900 – 7.55%
800 x 600 – 4.94%
1680 x 1050 – 4.93%
Outras – 11.54%

Para a estatística de resoluções de tela do mês de setembro/2008, clique aqui.

Vejam a estatística dos browsers do mês de outubro divulgado pela Net Applications:

Microsoft Internet Explorer – 71.27%
Firefox – 19.97%
Safari – 6.57%
Opera – 0.75%
Chrome – 0.74%
Netscape – 0.45%
Mozilla – 0.09%
Outros – 0.15%

Por versão dos browsers:

Microsoft Internet Explorer 7.0 – 47.08%
Microsoft Internet Explorer 6.0 – 23.47%
Firefox 3.0 – 14.50%
Safari 3.1 – 5.32%
Firefox 2.0 – 5.07%
Opera 9.x – 0.73%
Chrome – 0.71%
Microsoft Internet Explorer 8.0 – 0.58%
Outros – 2.49%

Para a estatística dos browsers do mês de setembro/2008, clique aqui.