Monthly ArchiveJune 2007



Novidades 29 Jun 2007 09:41 am

iphone.com

Uma das primeiras coisas que se faz ao lançar um produto com apelo a jovens e principalmente aos endinheirados, é consultar disponibilidade de domínio.

Pois é, o Iphone está para ser lançado nos Estados Unidos e tentem acessar http://www.iphone.com.

Este domínio foi registrado faz tempo, muito antes da Apple pensar no seu celular, e o dono não tem a mínima intenção de passa-lo a Apple.
Ao contrário, está investindo na publicidade da concorrência.

Parece que os problemas da Apple com esse nome não tem fim.

Atualizado(30/06/07):

A Apple conseguiu comprar e por o dominio apontando para seu site no dia exato ao lançamento do iphone.
Obrigado Danilo por avisar :D

Avaliação & Novidades 29 Jun 2007 06:45 am

Novo Google Docs & Spreadsheets


Google Docs & Spreadsheets
O novo Google Docs & Spreadsheets foi lançado, somente hoje pude testar a nova versão.

Eu cheguei a usá-lo por algum tempo e o considerava razoável, porém devo dizer que melhoram sensivelmente o serviço.

Está mais fácil, prático e rápido de usá-lo, a interface como de praxe é limpa, simples e bastante funcional.
Notei que os ícones foram mudados, deixando a interface muito mais agradável.

Agora pode-se criar pastas, o que ajuda e muito a organizar o trabalho, além de ver de forma mais simples os usuários que trabalham com determinado arquivo, e ainda, colocaram a estrelinha do gmail ali, para marcar os arquivos em destaque ou importantes.

Sinceramente está cada vez melhor, para quem está no meio informático creio que já venha se tornando o editor meio que padrão, principalmente pela facilidade de compartilhar os arquivos, melhorando muito a produtividade.

Para o usuário comum ainda vai levar um tempo até que o serviço seja utilizado mais massivamente, afinal, sejamos sinceros, todos sabemos que a maioria dos usuários comuns utiliza de um windows não original, e o mesmo normalmente já vem com office, e não é só no Brasil não.

Então com office já instalado na máquina, e sem a necessidade de compartilhar os arquivos(muitas vezes por ignorancia), o usuário comum ainda vai levar um tempo até despertar para as coisas boas que o Google Docs & Spreadsheets oferece.

Você usa o Google Docs & Spreadsheets, já fez campanha para ele ser adotado na empresa onde trabalha?

Javascript & Acessibilidade 27 Jun 2007 12:43 pm

Javascript Não-obstrutivo II - O Retorno

Para ser bem objetivo, no post anterior sobre javascript não-obstrutivo mostrei 2 exemplos, um correto, outro não.

Por que correto?

Este exemplo podemos dizer que é correto por 2 motivos principais:

  • Trabalha com camadas, o javascript interage sempre externamente, sem se misturar com html.
  • Acessibilidade, se o javascript do navegador estiver desabilitado o visitante verá a informação.

Ok, entendi a teoria, mas onde está isso no código?

No exemplo correto o javascript é carregado de um arquivo externo neste momento:

<script src="jsnobs.js" type="text/javascript">

Todo javascript está neste arquivo jsnobs.js, por meio de eventos ele acessa o html e interage com o mesmo.
O arquivo JS está aqui.

Reparem, existem 2 funções chamadas fadeIn e fadeOut, servem somente para fazer o esmaecimento, ou seja, aparecer e desaparecer as divs.
Mais abaixo temos o que interessa, que é o evento onload, usado neste exemplo para termos certeza que vamos acessar o DOM, o html, somente depois de carregado.
Ali diz que quando o documento for carregado deve executar as instruções que vem na sequência .

window.onload

A parte abaixo pega todos os links da página e os guarda como uma array na variável pegalinks.

pegalinks = document.getElementsByTagName("a");

O laço for percorre todos os links da página.

for(i=0;i<pegalinks.length;i++)

Em cada link comparamos se ele tem o id que procuramos, usei o id neste caso para definir qual link iria trabalhar, pois não iriam repetir, lembrando que o id de cada elemento em uma página deve ser único, caso precise trabalhar com mais links, sugiro usar o atributo “rel”.

if(pegalinks[i].id=="mostra_quadrados")

Caso seja o link que procuramos ele exibe os quadrados chamando a função fadeIn quando este link for clicado.

pegalinks[i].onclick = function(){
fadeIn("q1");
fadeIn("q2");
fadeIn("q3");
return false;
}

Caso seja o outro link procurado, escondo os quadrados usando este código:

pegalinks[i].onclick = function(){
fadeOut("q1");
fadeOut("q2");
fadeOut("q3");
return false;
}

Ok, isso mostra como trabalhamos com camadas, o javascript todo fora do html.
A questão da acessibilidade é que mesmo tendo o javascrip trabalhando em outra camada, eu ainda sim, inseri o link para a página com o conteúdo no html.
Ira exibir de uma forma não tão bela, mas vai exibir, e isso é o mais importante.

<a href="quadrados.htm" id="mostra_quadrados" title="Mostrar quadrados">
Mostrar quadrados</a>

Alguém certamente vai perguntar, mas porque quando o javascript está ativado ele ignora o atributo “href” do link e obedece somente ao javascript?
Reparem a ultima linha do evento “onclick” no javascript:

return false;

Isso indica para fazer o que vem antes daquilo e depois não fazer mais nada, ou seja, ignorar o “href”, pois ele sempre é executado depois do que vem com evento onclick.

Avaliação & Browsers 25 Jun 2007 06:13 am

Safari 3.02 Beta

A Apple soltou a atualização do seu navegador Safari tanto para Windows quanto para Mac, a versão para Mac reconhecida pela sua velocidade e estabilidade dispensa comentários, já a sua irmã para Windows merece um texto pequeno, visto toda bagunça que causou por ai nos últimos dias.
O que traz essa atualização segundo a Apple:
- Latest security updates (Atualizações de segurança)
- Improved stability (Melhora da estabilidade)
- Fixes for text display, non-English systems, and start-up times (Arrumaram problemas em exibir textos em sistemas não-inglês e no tempo de carregamento)

Pessoalmente eu testei e resolvi dar uma segunda chance a ele, a renderização dos sites melhorou muito, ainda que continue um pouco escura, mas na primeira versão não conseguia ler o site da Globo por exemplo, agora carregou direitinho, assim como o Google agora carrega corretamente.
Porém as vezes ele ainda fica um pouco lento sem motivo, e trava do nada, mas com certeza muito melhor, mesmo que ainda não o suficiente para ser usado como navegador padrão.
A impressão que tive sem fazer nenhum teste, é que ainda carrega páginas um pouco mais lento que o Firefox, simile ao IE7, e muito mais lento que o Opera.

Mas para finalizar devo escrever que pelo menos agora compensa o download por curiosidade.
Tenha em mente, é um beta, ainda que melhor que sua primeira versão ainda tem muito a ser melhorado.

Para ir para o site de download do navegador clique aqui.

Javascript & Acessibilidade 22 Jun 2007 08:07 am

Javascript não-obstrutivo

Para quem não lembra do post falando sobre camadas, acesse clicando aqui, vai ser útil para o entendimento deste post.
Hoje a camada de comportamento está em destaque, vou passar um exemplo de como utilizar o javascript de forma correta, para que não atrapalhe a acessibilidade.
Um observação apenas, o termo correto é não-obstrutivo, ao contrário do que muitos utilizam “não-obstrusivo”, digo isso não pela terminologia, quem me conhece sabe que não me importo com isso, porém obstrusivo é erro de escrita, de português, é uma palavra que não existe na nossa língua, e ai doi um pouquinho no olho.

O javascript não-obstrutivo nada mais é do que uma forma de montar seu javascript separado da camada de conteúdo, muita gente gosta de usar o famoso “onclick=’javascript:funcao()’”, funciona bem para quem tem o javascript ativado no navegador, porém, no caso de estar desativado, o que acontece? provavelmente nada, não carrega o conteúdo, e ai você diz, 99% tem javascript habilitado, pode ser, mas aquele 1% é pior do que o restante dos 99% para não ter direito a acessar o conteúdo do seu site?
Deixando de lado ainda a acessibilidade, separar o javascript da camada de conteúdo, fora do html, é uma questão organizacional também, pois olhar para aquele código cheio de “onclick” e função para todo lado além de feio é pouco produtivo, atrapalha atualização do mesmo, e ainda dificulta a compreensão de outro desenvolvedor que pegar o mesmo para alterar.

Abaixo deixo 2 exemplos, o primeiro a forma incorreta de usar javascript em um site, o segundo a correta.
Mas por hora deixo em aberto, vamos ver quem sabe o que tem de diferente nos dois, em um post futuro explico a diferença entre ambos.

Javascript incorreto
Javascript correto

P.S:
Não se apeguem ao nível do exemplo, fiz rapidinho só para mostrar para vocês.
:D

Atualizado:

Clique aqui para acessar o post complementar a esse.

Next Page »