TidBits

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.

Clique aqui para ver o modal.

Com o objetivo de reunir informações, em português, sobre desenvolvimento de interface, o wiki é moderado por profissionais da área, mas qualquer um que se cadastrar pode escrever, necessitando de uma aprovação para ser publicado. O que da bastante credibilidade no conteúdo.

A url da wiki, é http://interface.wiki.br/ (o sufixo wiki foi recentemente liberado pelo registro.br).

Espero que tenha conteúdo para ser uma verdadeira fonte de pesquisa em css, xhtml e javascript.

Esse pequeno framework tem uma característica muito interessante, ele incorpora novas funcionalidades no CSS.

Entre suas principais vantanges, estão:

* Não é necessário aprender sintaxe já que utiliza a mesma sintaxe de CSS.
* Não é necessário habilidades com programação.
* É leve, tem apenas 6kbs e não depende de nenhum outro framework (como jQuery ou prototype).
* Cross-broser (compatível com IE6+, Firefox 2+, Opera 9+, Safari 2+ entre outros).
* CSS validado pela w3c.

Entre as 25 opções disponíveis estão: opacity, tooltip, popup, marquee (sim, ele mesmo), fadeOut / fadeIn, Roll In / Roll Out, hyphenation e preload-image.

Como instalar

Coloque dentro da sua taghead.

	<script type="text/javascript" src="MoreCSS.js"></script>
	<link rel="morecss" href="MoreCSS.css" />
	<!-- detalhe no rel="morecss" !-->

E dentro do MoreCSS.css você coloca os “comandos do plugin”.
O download do arquivo MoreCSS.js pode ser feito aqui.

Veja os exemplos na página do plugin. A documentação e todos os exemplos podem ser vistos aqui .

No meu próximo post eu ensino a fazer um Tooltip com o MoreCss.