TidBits

Imagine uma imagem grande, que demora pra ser carregada.
E se colocar um loading na imagem?
É bem simples:

<img src="imagemPesada.jpg" alt="alt da imagem" id="imagemPrincipal"/>

E no css :

img#imagemPrincipal{
	background: url('loading.gif') no-repeatcenter center;
}

Um outro exemplo do que se pode fazer com isso, é colocar níveis de profundidade, veja o exemplo abaixo:

Esse não foi feito por mim, eu achei na internet mas infelizmente não sei quem fez para dar os créditos, se alguém souber, avise-me.

Aconteceu ontem (dia 30/10) aqui em SP o multirão do lixo eletrônico. Particularmente, não sei quanto material foi coletado, mas até bem próximo da data do evento, a expectativa girava em torno de 20 toneladas de eletônicos desprezados que deveriam ser recolhidos.

Isso nos faz pensar que a tecnologia causa mudanças irreversíveis na nossa sociedade, algumas das quais podemos prever hoje em dia, e outras que viram que estão longe do nosso alcance. Aproveitando esse ensejo, o post de hoje é pra mostrar o vídeo de uma cidade do futuro, na qual a grande maioria das interações humanas acontecem com o intermédio da tecnologia.

Cooltown é uma cidade fictícia da HP, mas as tecnologias apresentadas estão muito mais para realidade do que para a ficção. Isso nos assusta, de certa forma, pois a mudança não atinge somente as ferramentas do nosso cotidiano, mas também a nós mesmos, nossas necessidades e relações sociais e culturais.

(E levanta um pouco a velha história de perdemos também nossa privacidade, e consequentemente sempre vigiados pelo Grande Irmão).

Ví no pinceladasdaweb (ótimo blog) que um programador chamado Damien du Toit escreveu recentemente um Plugin do jQuery para o twitter, que obtem os últimos tweets de um usuário e eu traduzi para português (os horários dos tweets).

Vejam o exemplo:

Para usar é facil:

Invoque o jQuery, o plugin e o css ( que você pode alterar facilmente para deixar personalizado ).

<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="jquery.twitter.js"></script>
<link rel="stylesheet" href="jquery.twitter.css" type="text/css" />

Escreva uma div onde vai ficar os tweets

<div id="twitter"></div>

E enfim, chame o método do plugin:

$(document).ready(function() {
	$("#twitter").getTwitter({
		userName: "maktuiu",
		numTweets: 5,
		loaderText: "Carregando tweets...",
		slideIn: true,
		showHeading: true,
		headingText: "Últimos Tweets de maktuiu",
		showProfileLink: true
	});
});

Note que é possível configurar quantos tweets vai aparecer, a mensagem de “carregando”, o título, etc.

Aqui está disponível para download um exemplo demo do plugin e o script (já com os horários dos tweets traduzidos).

A Microsoft anunciou essa semana durante o simpósio de User Interface Software and Technology a nova tecnologia em desenvolvimento: o SideSight. Apesar de ter tudo a ver com as interfaces touchscreens, o conceito tem uma diferença bastante básica entre as tecnologias multitouchs do Iphone (que é um sensor de calor ao toque) e da HTC (que utiliza sensor de pressão).

A SideSight não é exatamente touch, pois baseia-se em sensor de movimento, ou seja, não é necessário contato entre o usuário e o gadget. A idéia é diminuir a necessidade de precisão do toque, que vai ficando cada vez mais difícil à medida em que se diminui o tamanho dos aparelhos.

Se a tecnologia for bem desenvolvida, não só o problema do tamanho dos aparelhos móveis terá sido superado, como vários outros problemas que as atuais tecnologias touchscreen apresentam, como a acessibilidade (que foi completamente ignorada no Iphone). Como o usuário não precisa apontar nada na tela, e sim realizar o movimento, o uso é possível para pessoas cegas, baixa visão ou mesmo com dificuldades motoras. Nos touchs atuais, no caso do Iphone, o sensor de calor faz necessário o uso de luvas especiais em países de inverno rigoroso, enquanto o multitouch da HTC, precisa ser configurado por cada usuário individualmente, para ter calibrada a pressão exata do dedo.

O sensor utiliza infra-vermelhos que têm alcance de 10 centímetros, e permitem utilização completa da área do ecrã, já que os comandos são feitos através de movimentos do usuário. Mais uma promessa de interação com o usuário, e mais um dos desafios que teremos como profissionais de interface.