Já na parte de layout, tivemos algumas mudanças significativas. Uma delas, que é perceptível na hora que se abre o aplicativo são as abas. Elas agora estão na parte de cima mas caso não goste, você poderá colocá-las novamente na parte de baixo como na versão 3.

Seguem abaixo alguns print screens que tirei das mudanças mais significativas que encontrei:

ABAS

Agora os botões e caixas estão mais arredondados, escuros e com efeito de transparência. Fica bem bonito quando se coloca um tema colorido.

ADD-ONs

Agora temos uma aba própria para o gerenciamento dos add-ons. Encontrar e gerenciar themes, extensions e pluggins ficou muito mais simples e rápido. Achei bem interessante.

Estas são as telas dos Add-ons. No canto direito ele de mostra todas as informações. Data de atualização, notas, a versão e os botões de ação (habilitar/desabilitar). A tela de themes foi a mais interessante pois te mostra um thumbnail e você pode visualizar o tema sem ter que fechar a tela de gerenciamento, diferente do Firefox 3.

HEADs UP DISPLAY

Este é o novo layout da caixa de erros dos websites. Boa notícia para os desenvolvedores! Agora não é preciso instalar nenhum pluggin para que você possa visualizar separadamente os erros. Existem botões que fazem esta filtragem automaticamente.

INSPECTOR

Outra coisa interessante que veio nesta versão foi a caixa inspects. Mas achei um pouco inútil. Só é possível visualizar o código html da forma mais simples. Não existe uma descrição, nem um modo de visualizar o código completo ou quais classes do css estão sendo aplicadas e etc. Bem incompleto e acredito que não ajudará em nada os desenvolvedores. Os programadores e designers continuarão a instalar extensions para ter um controle melhor do website que estão desenvolvendo. O que é um pouco triste.

Bom, é isso. Ainda estou analisando o desempenho desta versão beta e estamos todos aguardando ansiosamente a versão final. Eu, como designer, achei esta versão muito bonita, simples e com algumas opções que se forem melhoradas, se tornarão excelentes ferramentas para os desenvolvedores.

Baixe a versão beta!

O Firefox 3 foi lançado, a fase do deslumbramento pelas novidades já passou a algum tempo mas, entre os entusiastas e fanáticos pelo brownser, o desejo de procurar pelas funções escondidas ou não exploradas no software não acaba nunca! E são esses mesmo que trazem essas dicas (úteis? pra alguns!) pra tornar a navegação mais completa.
Conheça agora algumas funções escondidas e não exploradas (pra alguns isso já nem é mais novidade, mas tenho certeza que pra muitos será!). Entre as dicas compiladas abaixo, é possível fazer com que o navegador abra seu Gmail ao encontrar um link mailto ou encontrar uma brincadeira escondida sobre robôs, entre outros truques.

About:config

Antes de começar, um conselho: uma das maneiras mais fáceis de hackear o Firefox 3 é pelo “about:config”, que permite que o usuário altere muitas configurações e preferências do browser. Para usar o “about:config”, você precisará repetir alguns passos básicos:

1. Na barra de endereços, digite about:config e aperte Enter;
2. Uma mensagem que diz “Isto pode anular sua garantia!” aparecerá. Ignore o alerta sem muito sentido (não estamos lidando com um software aberto, afinal?) e clique em Serei cuidadoso, eu prometo!;



3. Na caixa de filtro, digite o nome da propriedade que quer ajustar. Você verá a função aparecer no grande campo central abaixo. (Caso o nome da mudança seja muito longo, a digitação da sua primeira parte gerará uma lista)
4. Faça as mudanças como instruído.

Klaatu barada nikto!

Você pode não saber, mas o Firefox tem um mascote – um robô que você encontra como “easter egg” (nome para brincadeiras escondidas) no Firefox 3. Na barra de endereços, digite about:robots e você verá o avatar do robô com sua pele prateada e suas antenas vermelhas.

As frases listadas na brincadeira vêm de livros e filmes da cultura pop que tratam de robôs, como “Blade Runner”, “Eu, robô” e “O guia do mochileiro das galáxias”.
Caso preste atenção ao título da página, verá que se trata de uma frase sem muito sentido em português ou inglês, certo? Mais ou menos. A frase foi usada por Helen Benson no clássico de ficção científica “O dia em que a terra parou”, em ordem para que o robô Gort não destrua a Terra.

Firefox 3 integrado ao Yahoo Mail

Sabe quando você clica em um endereço de e-mail na web e imediatamente seu Outlook abre uma tela criando uma nova mensagem para aquele endereço? Com o Firefox você pode fazer o mesmo com o seu webmail.
O navegador já traz integração nativa ao Yahoo Mail – se você souber procurar. Também funciona com o Gmail, extra-oficialmente. Siga os passos:

1. Selecionar Ferramentas, depois Opções e clicar no ícone Programas
2. Clicar em “mailto” e selecionar Usar o Yahoo! Mail
3. Clicar em OK

Firefox 3 integrado ao Gmail na versão 3.5 já possui como opção

O Gmail não aparece na lista do “mailto”, mas você pode usar um truque para configurá-lo. Siga os passos:

1. Na barra de endereço, digite about:config e aperte Enter e ignore o alerta de garantia;
2. Na caixa de filtro, digite gecko.handlerservice
3. Entre as opções da lista, selecione: gecko.handlerServiceAllowRegisterFromDifferentHost (isso mudará o valor de falso para verdadeiro)
4. Volte à barra de endereços, copie e cole o código abaixo e aperte Enter: javascript:window.navigator.registerProtocolHandler(“mailto”, “https://mail.google.com/mail/?extsrc=mailto&url=%s”,”GMail”)
5. Abaixo da barra de endereço aparecerá uma mensagem perguntando se você quer adicionar o Gmail como aplicação para o “mailto”. Clique em Adicionar Programa
6. Repita o procedimento do item anterior, selecionando Usar Gmail.

Usar o botão de identificação de sites para baixar gráficos e mídia

Uma das funções mais legais do Firefox 3 é o botão de identificação do site, à esquerda do link na página da barra de endereços. Além das informações sobre o site, este botão traz alguns outros truques interessantes:

1. Clique nele e em seguida opte por Mais Informações (nesta tela você verá uma série de botões na parte superior)
2. Clique no botão de Mídia da Página de Informações.

Ao fazer isso, será exibida uma lista com todos os gráficos da página. É possível ver uma prévia de cada uma delas e salvá-las individualmente (com o botão Salvar Como) ou em grupo, usando a tecla Ctrl e selecionando Salvar Como. Para baixar todos, aperte Ctrl+A e selecione Salvar Como.
Uma das extensões populares da versão anterior do Firefox era o DownloadThemAll, que permitia baixar todos os gráficos da página. Com o Firefox 3, isso pode ser feito sem add-on.

Acessar detalhes de uma página

Se você está no ramo da criação de sites, há muitas informações úteis que você pode saber sobre uma página – a do seu concorrente, por exemplo – e o Firefox 3 dá acesso a elas. Informações como as metatags usadas, quando a página foi alterada ou o tamanho da página (em kilobytes) são dados úteis que podem ser encontrados na aba de informações na aba Geral.

Diminua o botão Voltar

O botão de Voltar do Firefox 3 parece uma flecha “bombada”. Se isso te incomoda, você pode reduzi-la ao tamanho normal. Veja como:

1. Clique em um espaço em branco com o botão direito, selecione Personalizar
2. Clique na caixinha Ícones pequenos

O botão Voltar ficará menor, mas todos os demais também.

Encontre todas as suas senhas

Se você é como a maior parte das pessoas, você tem diversas senhas associadas a sites diferentes. O Firefox lembra suas senhas, portanto você será autenticado automaticamente nos sites. Mas e se você precisar se logar em outro PC? Com o Firefox 3 você pode recuperar suas senhas e usuários.

1. Selecione Ferramentas e clique em Opções;
2. Depois clique no ícone de Segurança;
3. Na seção de Senha, clique em Senhas Memorizadas. Aparecerá uma lista com sites e nomes de usuário lembrados pelo navegador;
4. Clique em Exibir senhas (uma tela de alerta questionará se você quer mesmo exibi-las);
5. Clique em Sim e você verá a lista de URLs com nomes de usuário e senhas ao lado.

Mude o número máximo de resultados da Barra de Sensacional

A nova barra de endereços do Firefox – que de tão inovadora ganhou da própria Mozilla o modesto apelido de Barra Sensacional – também pode ser personalizada. Antes, algumas informações sobre ela: nas outras versões do Firefox, conforme você digitava um texto, uma lista de URLs começadas da mesma forma aparecia à medida que a digitação progredia. Por exemplo, se você digitasse um “c”, todos os sites começados em “c” eram listados e daí em diante.
Mas em vez de exigir que o usuário lembre a URL da página que visitou, a Barra Sensacional vasculha o endereço, o título, as tags e o conteúdo das páginas atrás de palavras-chave digitadas pelo usuário. No modo padrão, a barra traz até 12 resultados possíveis, mas você pode alterar isso.

1. Digite about:config na barra de endereço e clique em Serei cuidadoso, eu prometo!;
2. Copie e cole o texto a seguir no campo de filtro: browser.urlbar.maxRichResults;
3. Dê um clique duplo no resultado e digite o número de resultados que você deseja visualizar.

Retirar os favoritos da Barra Sensacional

Se por alguma razão você não quer que os seus favoritos apareçam na Barra Sensacional, há uma forma simples de bani-los. Baixe e instale o add-on Hide Unvisited 3 e somente páginas visitadas recentemente aparecerão.
Lembre-se que se você visitou favoritos recentemente, eles entrarão na lista. Se você preferir fazer o procedimento sem a ajuda de add-ons, siga as instruções:

1. Digite about:config na barra de endereços;
2. Copie e cole o texto a seguir: browser.urlbar.matchOnlyTyped;
3. Clique duas vezes no resultado para mudar o valor de falso para verdadeiro
4. Limpe seu histórico.

A partir de então, só os sites vistos recentemente aparecerão, os favoritos não.

Matando (mais ou menos) a “barra sensacional”

Se você é o tipo de pessoa retrô, é fácil matar a “barra sensacional”, nova barra de endereços do Firefox, o que fará com que ela pareça e tenha as mesmas funções do antigo Firefox. O add-on oldbar fará com que a nova ferramenta pareça com a do Firefox 2.
A mudança, ale avisar, é apenas estética, já que, nos bastidores, o Firefox 3 continuará aplicando um algoritmo para determinar quais endereços serão reproduzidos, apenas tirando os detalhes.

Force antigas extensões a trabalhar com o Firefox 3

Ao ser instalado, o Firefox 3 checa se antigas extensões foram atualizadas para a nova versão do navegador. Se elas ainda não forem compatíveis, são desabilitadas. Se você gosta de viver perigosamente, pode mudar uma série de configurações para forçar o Firefox a usar as antigas extensões.
AVISO: Estas alterações podem causar problemas de compatibilidade e outras questões! Cuidado!

Vá ao about:config e mude ambos os parâmetros para falso clicando duas vezes sobre eles: extensions.checkCompatibility e extensions.checkUpdateSecurity

Se você não quer mexer no “about:config mas ainda assim que forçar antigas extensões a funcionar no Firefox 3, instale a extensão Nightly Tester Tools.

Altere e nova função Zoom do Firefox 3

O Firefox 3 conta com algumas novas funções de zoom muito interessantes, que ampliam tanto imagens como textos. Mas se isto não é tudo que você quer fazer, ou você não gosta e de alguma função, elas podem ser hackeadas.
Você pode aproximar ou afastar de páginas no Firefox usando os comandos Crtl+ ou Ctrl-, ou selecionando o menu Zoom em View. Quando você dá um zoom em uma página específica, a próximo vez que você voltar ao domínio, o Firefox 3 se lembrará da
sua configuração.
Você pode preferir, no entanto, que o navegador sempre reproduza uma página com zoom normal, independente de como ela foi reproduzida na última vez. Para tanto, mude a função browser.zoom.siteSpecific clicando duas vezes sobre ela dentro do about:config.

Dicas

O Firefox 3 traz novos recursos interessantes na Biblioteca de Favoritos, no uso de tags e nas pastas na lista de favoritos. Confira com acessar:

1. Biblioteca de favoritos: pode ser acessada via menu Favoritos, clicando em Organize seus Favoritos ou pressionando Ctrl-Shift-B.
2. Uso de Tags (marcadores): eles facilitam a organização dos favoritos por categorias. Elas podem ser acrescentadas com um
   clique duplo na estrela que aparece ao lado do endereço do site, na barra de endereços. Uma vez marcado como uma tag, o site pode ser facilmente localizado pela “barra sensacional” digitando o nome da tag na barra de endereços, todos os sits relacionados serão mostrados
3. Pastas inteligentes: elas agregam novos sites relacionados ao termo que define a pasta automaticamente. Por exemplo, se você criar uma nova pasta inteligente relacionada ao termo “café”, na próxima vez que você visitar um site que tenha a palavra, o link será automaticamente salvo na pasta Café. Para criar, siga os passos a seguir:
   1. Na Biblioteca de Favoritos, faça uma busca por um termo ou por uma combinação de termos;
   2. Aperte o botão Salvar e dê um nome à sua pasta inteligente
   3. A nova pasta aparecerá no menu Favoritos

Bom galerinha, é isso. Muitas dicas e truques interessantes nessa lista e agradeço ao pessoal dedicado a fazer estar descobertas. Gostaria de poder citar o autor desta lista mas infelizmente não sei pois era uma listagem antiga que estava nos meus arquivos do gdocs. Quem souber quem foram os criadores desta lista, por favor, entre em contato comigo para que eu possa estar dando os devidos créditos e claro, se souber de mais dicas legais para incrementar este post, por favor, envie um comentário ou um email!

Para designers:

Firebug

Firebug disponibiliza ferramentas de desenvolvimento ao seu alcance enquanto você navega. Você pode editar, depurar e monitora o CSS, HTML, JavaScript em qualquer website.
https://addons.mozilla.org/en-US/firefox/addons/versions/1843

Pixel Perfect

Pixel Perfect é integrado ao Firebug (uma outra extensão inegrada ao Firefox) que permite ao webdeveloper e designers a sobrepor, com facilidade, uma imagem do website (layout) sobre a versão HTML para que seja feita uma comparação minuciosa sobre os detalhes e diferenças entre a versão web e a versão original (imagem).
https://addons.mozilla.org/en-US/firefox/addon/7943

Font Find

Basta destacar um único elemento (por exemplo, um parágrafo ou uma palavra), clicar com o botão direito e selecione “Font Finder”, e será informado qual o CSS Styling utilizada do elemento.
https://addons.mozilla.org/en-US/firefox/addon/4415

MeasureIt

Desenhe a uma régua para obter a largura e a altura, em pixels, de quaisquer elementos em uma página web.
https://addons.mozilla.org/en-US/firefox/addon/539

FireShot

FireShot é uma extensão do Firefox que cria screenshots de páginas web (integralmente ou apenas parte visível). Ao contrário das outras extensões, este plugin fornece um conjunto de ferramentas de edição e anotação, o que permite aos usuários capturar página, modificar e inserir textos, gráficos e anotações.
A captura pode ser:

1. Salvos em disco (nos formatos PNG, GIF, JPEG ou BMP);
2. Impressa;
3. Copiado para a área de transferência;
4. Enviado por e-mail.

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

Para Developers

IETab

Incorpora o Internet Explorer nas abas do Mozilla / Firefox.
https://addons.mozilla.org/en-US/firefox/addons/versions/1419

Web Developer

Adiciona um menu e uma barra de ferramentas com várias ferramentas importantes e úteis para desenvolvedores web.
https://addons.mozilla.org/en-US/firefox/addon/60

Firebug

Firebug disponibiliza ferramentas de desenvolvimento ao seu alcance enquanto você navega. Você pode editar, depurar e monitorar o CSS, HTML, JavaScript em qualquer website.
https://addons.mozilla.org/en-US/firefox/addons/versions/1843

Pixel Perfect

Pixel Perfect é integrado ao Firebug (uma outra extensão inegrada ao Firefox) que permite ao webdeveloper e designers a sobrepor, com facilidade, uma imagem do website (layout) sobre a versão HTML para que seja feita uma comparação minuciosa sobre os detalhes e diferenças entre a versão web e a versão original (imagem).
https://addons.mozilla.org/en-US/firefox/addon/7943

HTML Validator 0.8.5.2

Valida codigos HTML dentro do Firefox. O número de erros em suas páginas HTML é vista na forma de um ícone na barra de status enquanto navega.
https://addons.mozilla.org/en-US/firefox/addon/249

Validaty

Proporciona um botão para validas páginas usando validator.w3.org
https://addons.mozilla.org/en-US/firefox/addon/2609

FireFTP

É de graça, segura plataforma FTP para seu Firefox que proporciona fácil e intuitivo acesso à Servidores FTP.
https://addons.mozilla.org/en-US/firefox/addons/versions/684

Infelizmente não tive tempo de dar uma analisada no site, não sei direito como ele funciona mas segundo as pessoas da lista que já utilizaram já fizeram suas fonts e disponibilizaram. Segundo o pessoal do DG (www.designgrafico.art.br), o sistema do site é bem simples, difícil de errar e além de poder distribuir, ainda existem mais duas opções como ‘download’ onde vc pode baixar a sua fonte e usar a vontade, de graça. A outra opção ‘clonar’, que possibilita a cópia ou a criação de um novo projeto.
Vale a pena dar uma conferida.
Boa sorte no desenvolvimento e por favor, não se esqueça de compartilhar conosco suas criações!

Fonte: Lista de discussão do DG

Abraços

Fonte: www.info.com.br – Blog da Sandra Carvalho