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 ![]()
Avaliação & Novidades 29 Jun 2007 06:45 am
Novo 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.
Atualizado:
Clique aqui para acessar o post complementar a esse.

