Desenvolvimento Web com FirefoxDesenvolvimento Web com Firefox

Palestrante: Clauber Stipkovic Halic e-mail: clauber.halic@gmail.com Grupo Mozilla-BR

Padrões o que ???Padrões o que ???

# Padrão Web# Padrão Web

# Objetivos dos Padrões Web# Objetivos dos Padrões WebUsuário:

AcessibilidadeUsabilidade

Desenvolvedor:Código leveClaro

TablelessTablelessThink no <table>Think no <table>

# O que é Tableless?# O que é Tableless?

Qualquer Estrutura WebLinguagens Estruturais

(HTML, XHTML, XML)Linguagens de Apresentação

(CSS)Linguagens de Scripting

(JavaScript e ECMAScript)Linguagens Server Side

(PHP, ASP, JSP...)

# Objetivos Tableless# Objetivos Tableless

Seguir os Padrões Web(Web Standards) ;-)Utilização correta das <tags>Código Limpo e LeveFlexibilidade para mudanças

TablelessTablelessThink no <table>Think no <table>

Firefox - ExtensõesFirefox - Extensões

# O que são Extensões ??# O que são Extensões ??

Adicionar funçõesex.: Barra de Desenvolvimento Web,

Barra de XML, AdBlock, etc...

Browser mais rico“Framework”

FlexibilidadeFacil instalação

AgilidadeFuncionalidade de facil acesso

Firefox - ExtensõesFirefox - Extensões

# Onde conseguir as Extensões# Onde conseguir as Extensões

https://addons.mozilla.org/

# Construir extensões# Construir extensões

Utilizando XUL // XMLhttp://simplesideias.com.br/criando-extensoes-para-o-firefox-i/http://roachfiend.com/archives/2004/12/08/how-to-create-firefox-extensions/

Firefox - ExtensõesFirefox - Extensões

# Web developer toolbar# Web developer toolbar

Resize de TelaValidador de HTML, CSS ...Desabilitar

CSSCookiesEsconder Imagens

etc...

Firefox - ExtensõesFirefox - Extensões

# Colorzilla# Colorzilla

Verificar a cor de qualquer elemento dentro de uma página

Disponivel:RGBNome(em inglês)#FFFFFF

Zoom na página

Firefox - ExtensõesFirefox - Extensões

# Fasterfox# Fasterfox

Mostra quanto tempo uma página demora para abrir

Limpa Cookies

Limpa Cache

Deixa o Browser mais leve

Firefox - ExtensõesFirefox - Extensões

# IE Tab# 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

Firefox - ExtensõesFirefox - Extensões

# GreaseMonkey# 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.

Firefox - ExtensõesFirefox - Extensões

# Tableless BR# Tableless BRhttp://www.tableless.com.br

# W3C ( em Português )# W3C ( em Português )http://www.amtechs.com/w3c/

# W3C (em Inglês )# W3C (em Inglês )http://www.w3.org/

# W3 Schools (em Inglês )# W3 Schools (em Inglês )http://www.w3schools.com/

# Maujor (em Português )# Maujor (em Português )http://www.maujor.com/

# Del.icio.us Clauber Stipkovic# Del.icio.us Clauber Stipkovichttp://del.icio.us/ClauberStipkovic/firefox

Sites Sites RecomendadosRecomendados

OBRIGADO !!!OBRIGADO !!!

Clauber Stipkovic Halic

e-mail: clauber.halic@gmail.comhttp://clauber.coffeebreakers.org