Monthly ArchiveJune 2008



Avaliação & Browsers 30 Jun 2008 08:59 am

Comparação, excelente teste benchmark entre Firefox x IE x Opera x Safari(Win) x Flock

Sam Allen, em seu website, fez uma excelente comparação de consumo de memória entre alguns navegadores.

Desenvolvedor .Net ele mesmo construiu um software que mede o consumo da memória utilizado por cada navegador e concluiu que o Firefox 3 teve o melhor desempenho. Não apenas por consumir menos memória, mas principalmente por não ter picos de uso da memória que normalmente terminam por travar a máquina toda, picos esse eu diria que eram bem comuns no Firefox 2 e realmente não notei mais no Firefox 3, a Mozilla trabalhou direitinho dessa vez.

O pior no teste foi o Safari para Windows que ao final chegou consumindo mais de 600mb de memória, enquanto o Firefox 3 chegou com apenas 111mb.

Completando os browsers comparados, o Internet Explorer 8 beta 1 renderizando sites como o IE 7 terminou com 194mb de uso de memória, o Opera com 190mb, o Flock, baseado no Firefox 2, terminou com 191mb.

Cada navegador foi testado por quase 3 horas, sem extensões ou plugins.

O artigo original traz gráficos do desempenho dos navegadores durante os testes, que obviamente não irei postar aqui sem autorização do autor, vale a pena dar uma olhada, porém fica o aviso, o conteúdo é totalmente em inglês.

WebStandards & Browsers & Novidades 26 Jun 2008 11:06 am

IETester, excelente alternativa ao Multiple IE

O IETester em sua versão 0.2.2 é um navegador que permite testarmos como nossos sites estão sendo renderizados pelos IE6, 7 e 8 Beta1.

Achei a alternativa muito mais interessante que o Multiple IE, mais simples por não ter que abrir várias janelas diferentes, você pode abrir uma aba renderizando cada versão do IE.

Não testei contra virus, adware, etc… portanto baixem por sua conta e risco, como eu fiz e todos aqui no trabalho.

Bom, sem enrolar muito peguem ai o IETester v0.2.2

Acessibilidade 26 Jun 2008 07:44 am

Accesskeys: Atalhos do teclado em uma página na web

Sabe os atalhos do teclado que adoramos usar nos nossos programas do dia a dia?
ALT+F4 pra fechar qualquer porcaria, CTRL+TAB para mudar de aba, etc…

Pois é, o HTML também possue suporte a essa funcionalidade, e é mais simples do que muito desenvolvedor imagina.

Onde poderiamos usar os atalhos do teclado em uma página web?

Ora, para pular para um conteúdo específico por exemplo, ou para o menu, ou qualquer parte do HTML, ou carregar outra página, o que pode ser muito útil em páginas ou sistemas na web que são acessados muitas vezes durante o dia, com várias rotinas de repetição e navegação.

Poderiamos por exemplo usar um ALT+C para pular para o conteúdo, ou ainda, ALT+L para ir para a lateral, as possibilidades são muitas, depende apenas do projeto que estamos desenvolvendo.

E por último porém não menos importante, atalhos ajudam pessoas com problemas de mobilidade que tem dificuldade em usar o mouse a chegar no conteúdo desejado, excelente! :D

Vamos começar então a brincar um pouco com o seguinte código:

<body>
<ul id=’menu’>
<li>
<a href=”inicial.php” accesskey=”h”>Inicial</a>
<a href=”vendas.php” accesskey=”0″>Vendas</a>
<a href=”clientes.php” accesskey=”1″>Clientes</a>
<a href=”contato.php” accesskey=”2″>Contato</a>
<a href=”acessibilidade.php” accesskey=”k”>Acessibilidade</a>
<a href=”#atalho_conteudo” accesskey=”s”>Ir para o conteudo</a>
</li>
&/ul>
<div id=”conteudo”>
<a name=”atalho_conteudo”></a>
seu conteudo aqui
</div>
</body>

O que basicamente acontece no código acima.

Em um PC se você pressionar ALT+H irá para a página inicial, em um MAC aperte CTRL+H e terá o mesmo comportamento.
Da mesma forma se apertar ALT+0 irá para a página de vendas, ALT+1 para Clientes e ALT+2 para Contato.
Ainda, se pressionar ALT+K irá para uma página de acessibilidade, algo importante em páginas web e todas deveriam ter uma e a maioria das que fiz no passado recente não tem, mea culpa.
Ali voce poderia por além da política de acessibilidade do site, as teclas de atalho disponíveis no mesmo para facilitar a vida de quem as usa.

E por fim, se pressionar ALT+S irá pular para o conteúdo.

Até onde sei não existe nenhum padrão a ser utilizado nessas teclas de atalho, ou seja, um ALT+H não necessariamente tem que ir para a “home”.
Porém, mesmo não existindo um padrão documentado e aceito por todos, pela minha experiência de trabalho tanto na Itália, quanto agora no Reino Unido vejo que uma prática comum é utilizar os atalhos da seguinte forma:

  • H para ir para inicial
  • S para pular para o conteudo principal
  • F para pular para o rodape
  • N para pular para o menu principal
  • K para ir a pagina de acessibilidade
  • Numeros de 0 a 9 para o menu de navegacao

Repito, não é um padrão estabelecido, mas é muito utilizado, portanto sintam-se livres para fazer como quiserem, e se quiserem seguir a recomendação, melhor ainda :D

Flash 19 Jun 2008 11:27 am

Problema do Flash sobre outros elementos no HTML

Recebi vários pedidos referente ao FS Preloader, onde indicavam o problema de que sempre o Flash ficava por cima da tela de pre-load ou publicidade, não respondi antes, mas agora estou retomando as atividades do blog irei começar a responder as perguntas recebidas.

A única forma de garantir que não teremos problemas com Flash ficando por cima dos demais elementos em uma página HTML é definindo o fundo dele como transparente.

No HTML basta inserirmos a seguinte tag junto com as demais do Flash em questão:

<param name="wmode" value="transparent">

E para o nosso querido amigo IE inserir o seguinte dentro da tag <EMBED>

wmode="transparent"

Exemplo:

<objectwidth="500" height="200">

<param name="movie" value="banner.swf">

<param name="quality" value="high">

<param name="wmode" value="transparent">

<embed src="banner.swf" quality="high" wmode="transparent" type="application/x-shockwave-flash" width="780" height="291"></embed>

Sem isso não tem como garantir que o Flash não ira se sobrepor aos demais elementos do HTML, principalmente no nosso querido amigo Internet Explorer.

:D

Browsers 18 Jun 2008 11:10 am

Firebug com Firefox 3

O firefox não acha sozinho, mas a versão beta 1.1 do Firebug é compativel com o Firefox 3, funciona bem, porém com alguns pequenos bugs, mas melhor que ficar orfão, de qualquer forma instale o firebug por sua conta e risco.

Ainda gostaria de informar que estou com alguns problemas de spam no blog devido ao tempo que fiquei fora a coisa tomou uma proporção absurda, portanto não fique bravo se algum comentário seu não apareceu no blog ou não foi respondido.

E finalizando estava com problemas no feed, esse ja resolvido.

Parece que é ficar longe do blog um pouco que a bagunça toma conta…

Atualizado:

Meu blog apagou sozinho o post, ou sei la  o que aconteceu..

Mudei minhas senhas e espero que tudo continue bem, por sorte o Yoomp tem todos meus posts salvos. :D

Next Page »