Turbosys

Internet Funcional

TurboBlog

Grande case de Django

O site da National Geographic Society foi remodelado e lançado no início de 2010. O grande destaque é que faz uso da linguagem de programação python e do framework web Django.

Este é sem dúvida mais um case de sucesso interessante a ser levado em conta no momento de se escolher entre python/django ou outro conjunto de ferramentas.

Fusão de grandes grupos de e-commerce

Foi anunciada hoje a fusão entre as Casas Bahia e o Grupo Pão de Açúcar, o que acaba por gerar um grande grupo de e-commerce que detém o controle das lojas www.extra.com.br, www.pontofrio.com.br e www.casasbahia.com.br.

Na entrevista com jornalistas, os diretores das empresas afirmaram que vão unificar a estrutura de TI, inclusive as plataformas de e-commerce dos referidos sites.

Este novo grupo irá rivalizar com o grupo B2W, que administra o Submarino e as Lojas Americanas, que também se fundiram recentemente.

No meio físico, esta fusão cria um novo líder no setor de varejo: o novo grupo passa o Carrefour no faturamento.

A criação de grupos tão fortes pode ser ruim para o consumidor, já que há menos concorrência. Qual a sua opinião?

Usando png transparente no IE6

É possível usar imagens png com transparência no Internet Explorer 6. Isto não é suportado por padrão mas é possível usar um filtro para ativar essa funcionalidade. Veja o exemplo abaixo, onde aplicamos o filtro através de css:

<style type="text/css">
.class_name {
background: url(test.png) transparent top left repeat-x;
}
</style>

<!--[if lt IE 7]>
<style type="text/css">
.class_name {
background-image: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png', sizingMethod='scale');
}
</style>
<![endif]-->

Percebam que a imagem de fundo é aplicada normalmente (já que outros navegadores suportam essa funcionalidade sem problemas).

Nós fazemos uso de dois recursos não convencionais:

1) Comentários condicionais: a partir da versão 7, o internet explorer passou a aceitar comentários condicionais. O comentário instrui a usar o código apenas em versão anteriores ao IE 7 (lt = lesser than).

2) Usamos o filtro AlphaImageLoader para que a imagem seja carregada com o canal alpha. O caminho da imagem passada como argumento é relativo à página onde o filtro é aplicado.

Esta funcionalidade foi usada recentemente no sistema Site na Hora, para poder contemplar o tema minimal, onde o menu tem uma imagem de fundo e um sombreamento abaixo dele.

A Web sem www

O nginx (engine x) é um servidor de http de alta performance. Na Turbosys, usamos ele em conjunto com o apache para servir conteúdo estático de sites (imagens, arquivos css, arquivos de vídeo).

Uma utilidade do nginx é criar um redirecionamento de www.nome.com.br para nome.com.br, incentivando o usuário (e até robôs de sistemas de busca) a usar a segunda opção.

Veja um exemplo abaixo:

server {
    listen 80;
    server_name www.sitenahora.com.br
    rewrite ^(.*) http://sitenahora.com.br$1 permanent;
}

O contrário também é possível, isto é, pode-se direcionar o usuário do endereço nome.com.br para www.nome.com.br. Apesar disso, nós incetivamos sempre o uso do endereço sem o www. Este prefixo ainda é usado por questões históricas e é totalmente desnecessário na quase totalidade dos casos.

Seu site já trabalha sem o www? Comente abaixo!

Evitar histórico em campos de texto

Ao usar um campo de texto uma vez, o navegador de internet guarda num histórico o que foi digitado e, num uso futuro, enquanto digita, o usuário recebe sugestões com o que ele já escreveu no campo um dia.

Isso é útil para o usuário em alguns momentos mas em outros pode ser um problema: foi o que aconteceu conosco no Portal do Classificado. Refatoramos sua capa permitindo que, ao invés de selecionar a cidade numa lista, o usuário tivesse que digitar o nome da cidade ou região procurada.

Ao escrever, através de javascript, o sistema preenche automaticamente uma lista com nomes de cidades que contenham o nome que o usuário está digitando.

Se o navegador oferecer uma sugestão de digitação, ela acaba sobrepondo a lista de nomes de cidades, tínhamos que desabilitar essa funcionalidade e encontramos a solução, criarmos o campo de texto com o parâmetro autocomplete="off", veja abaixo:

<input autocomplete="off" name="q" type="text"/>

Esta funcionalidade poderia ser útil também num campo de cartão de crédito por exemplo, evitando que ele seja armazenado no computador do usuário (no histórico de digitação).