O documento discute o desenvolvimento web com Firefox, incluindo padrões web, tableless, extensões do Firefox como a barra de desenvolvimento web e Colorzilla, e sites recomendados como o Tableless BR e W3C.
Desenvolvimento Web com Firefox - Clauber Stipkovic Halic
1. Desenvolvimento Web com Firefox
Palestrante: Clauber Stipkovic Halic e-mail: clauber.halic@gmail.com Grupo Mozilla-BR
2. Padrões o que ???
# Padrão Web
# Objetivos dos Padrões Web
Usuário:
Acessibilidade
Usabilidade
Desenvolvedor:
Código leve
Claro
3. Tableless
Think no <table>
# O que é Tableless?
Qualquer Estrutura Web
Linguagens Estruturais
(HTML, XHTML, XML)
Linguagens de Apresentação
(CSS)
Linguagens de Scripting
(JavaScript e ECMAScript)
Linguagens Server Side
(PHP, ASP, JSP...)
4. Tableless
Think no <table>
# Objetivos Tableless
Seguir os Padrões Web(Web Standards) ;-)
Utilização correta das <tags>
Código Limpo e Leve
Flexibilidade para mudanças
5. Firefox - Extensões
# O que são Extensões ??
Adicionar funções
ex.: Barra de Desenvolvimento Web,
Barra de XML, AdBlock, etc...
Browser mais rico
“Framework”
Flexibilidade
Facil instalação
Agilidade
Funcionalidade de facil acesso
7. Firefox - Extensões
# Onde conseguir as Extensões
https://addons.mozilla.org/
# Construir extensões
Utilizando XUL // XML
http://simplesideias.com.br/criando-extensoes-para-o-firefox-i/
http://roachfiend.com/archives/2004/12/08/how-to-create-firefox-extensions/
8. Firefox - Extensões
# Web developer toolbar
Resize de Tela
Validador de HTML, CSS ...
Desabilitar
CSS
Cookies
Esconder Imagens
etc...
9. Firefox - Extensões
# Colorzilla
Verificar a cor de qualquer
elemento dentro de uma página
Disponivel:
RGB
Nome(em inglês)
#FFFFFF
Zoom na página
10. Firefox - Extensões
# Fasterfox
Mostra quanto tempo uma
página demora para abrir
Limpa Cookies
Limpa Cache
Deixa o Browser mais leve
11. Firefox - Extensões
# IE Tab
Utitliza a Engine do Internet
Explorer(Trident) para
Renderizar a página
Adicionar site para utilizar só
a Engine do I.E.
Somente para quem utiliza
Windows, ou instalar o IE na
maquina
12. Firefox - Extensões
# GreaseMonkey
Permite que o usuário crie
scripts (DHTML) para modificar
o comportamento e/ou a
apresentação de um
determinado site ou conjunto
de sites.
13. Sites
Recomendados
# Tableless BR
http://www.tableless.com.br
# W3C ( em Português )
http://www.amtechs.com/w3c/
# W3C (em Inglês )
http://www.w3.org/
# W3 Schools (em Inglês )
http://www.w3schools.com/
# Maujor (em Português )
http://www.maujor.com/
# Del.icio.us Clauber Stipkovic
http://del.icio.us/ClauberStipkovic/firefox