Layout Líquido – Parte 3 ( Final )

Carlos Tristacci — Mon, 20 Jul 2009 11:35:40 +0000

Finalizando a série sobre layout líquido, nesta vídeoaula apresento a técnica chamada Holy Grail ou Santo Graal, para um layout com 3 colunas, sendo 2 colunas com largura fixa e 1 coluna com largura variável.

Está técnica foi publicada no site www.alistapart.com/articles/holygrail e depois traduzida para o português no site alabrasil.blogspot.com/2006/02/em-busca-do-santo-graal.html. Acredito que tenham batizado com este nome devido aos problemas que ocorrem na estruturação deste tipo de layout principalmente no Internet Explorer 6.

Sinta-se a vontade em assistir e comentar a técnica.

Baixe os arquivos desta vídeoaula.

Firefox 3.5

Carlos Tristacci — Sun, 05 Jul 2009 18:14:31 +0000

Baseado na plataforma de renderização Gecko 1.9.1, que esteve em desenvolvimento durante o ano passado. Esta nova versão oferece muitas mudanças em relação a versão anterior, apoio a novas tecnologias da Web, melhorando o desempenho e facilidade de uso.

Navegação Privativa

O histórico do navegador é bastante útil caso você queira voltar a visitar uma página que não lembra o endereço. Mas talvez você não queira que outras pessoas que utilizem o seu computador possam acessar seu histórico de navegação ou de download. Então, basta ativar a opção Ferramentas > Iniciar Navegação Privativa.

TraceMonkey

TraceMonkey acrescenta código nativo-compilação para o motor JavaScript da Mozilla (conhecido como “SpiderMonkey”). É baseado em uma técnica desenvolvida na UC Irvine chamado “trace trees“, e da construção no código e idéias partilhadas com o projeto Tamarin Tracing. O resultado final é um aumento enorme de velocidade.

Desempenho do Firefox: Rápido – Máis rápido – Mais rápido ainda
Resultados do teste SunSpider em uma máquina com Windows XP

Navegação ciente de localização

Sites que usam a navegação ciente de localização perguntarão onde você está para poder fornecer informações mais relevantes, ou para economizar tempo ao pesquisar. Digamos que você esteja procurando por uma pizzaria na sua região. Um site será capaz de pedir que você compartilhe sua localização para que uma simples busca por “pizza” traga os resultados que você precisa… nenhuma outra informação ou digitação extra será necessária.

Ou, se você estiver mapeando um percurso para chegar em algum lugar, o site saberá o seu ponto de partida; você só precisará informar para onde deseja ir.

Esse serviço é totalmente opcional – o Firefox não disponibiliza a sua localização sem pedir a sua permissão – e foi feito respeitando ao máximo a sua privacidade. E, como todos os elementos do Firefox, está sendo criado usando padrões abertos para facilitar a adoção por desenvolvedores da web.

Suporte das tags HTML 5 e

Com o suporte cada vez mais frequentes nos browsers, o Firefox 3.5 oferece suporte as tags e incluindo suporte nativo para a codificação de vídeo Ogg Theora e codificação de áudio Vorbis.

Seu navegador não tem suporte a tag video.

Sem a necessidade de criar um player, o navegador renderiza o vídeo e dá ao usuário controles utilizando o botão direito do mouse. Se habilitar os controles com o atributo controls=”true”, deixará disponível os controles para o usuário.

A mensagem que está dentro da tag vídeo aparece quando o navegador não suportar a tag.

A tag audio possui as mesmas características.

Your browser does not support the audio element.

Suporte a fontes externas

Imagine um desenvolvimento mais fácil e criativo, sem ter que utilizar somente as fontes padrões dos sistemas operacionais ou ter que exportar imagens com os textos que utilizam fontes não pertencentes por padrão nos sistemas operacionais.

Antes esta possibiidade era possível apenas em navegadores com motores Webkit, mas agora o Firefox 3.5 permite isso, aumentando o número de usuários que suportam essa característica.

Sintaxe:

@font-face {
font-family: , Verdana, Arial;
src: ;
[font-weight: ];
[font-style:

Carlos Tristacci » HTML