blog reactions
Postado em: 15 de maio de 2008 por Pedro Rogério
Tag Clouds, ou Nuvem de Tags são listas hierarquizadas visualmente, ou seja, uma forma de apresentar os itens de um website. Mas o que são essas tags?
Tags são rótulos ou legendas onde as pessoas podem categorizar conteúdo de uma forma muito simples, utilizando qualquer palavra que faça sentido. O uso de Tags na web foi difundido por sites como Technorati, del.icio.us e Flickr.
Uma nuvem de tags em geral reúne um conjunto de tags utilizadas em um determinado website disposto em ordem alfabética, e o volume de conteúdos que o site apresenta em cada tag é mostrado proporcionalmente pelo tamanho da fonte. Dessa forma, em uma mesma interface é possível localizar uma determinada tag tanto pela ordem alfabética como pela frequência da incidência de conteúdos marcados com a mesma tag no referido site. As tags disponibilizadas na nuvem são links que levam a coleções de itens relacionados às palavras da tag.
Fonte: Wikipédia.
blog reactions
Postado em: 14 de maio de 2008 por Pedro Rogério
O dock do MacOS é com certeza é um aparato invejado por todo sistema operacional, surgiram até alguns javacripts caso você quisesse colocar algum menu estilo dock em seu site, mas como o CSS se torna mais poderoso a cada dia, hoje em dia é possível desenvolver menus desse tipo com CSS Animations:
<html>
<head>
<title>MacOSX Dock CSS Animations
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">
#page { margin-top:10em;}
.dock li {display:inline;}
.dock img {width:96px; opacity: 0.7; -webkit-transition: all 1s ease-in;}
.dock span {position:absolute;top:3em;left:0;opacity:0;-webkit-transition:all 1s ease-out;}
.dock li:hover img, .dock li:hover span{width:128px;opacity:1;}
.dock li:hover span {left:50%;}
</style>
</head>
<body>
<div id="page">
<ul class="dock">
<li><img src="finder.png" alt="Imagen" /><span class="desc">Finder</span></li>
<li><img src="systempreferences.png" alt="Imagen" /><span class="desc">Preferences</span></li>
<li><img src="firefox.png" alt="Imagen" /><span class="desc">Firefox</span></li>
<li><img src="itunes.png" alt="Imagen" /><span class="desc">iTunes</span></li>
<li><img src="terminal.png" alt="Imagen" /><span class="desc">Terminal</span></li>
<li><img src="trash.png" alt="Imagen" /><span class="desc">Lixeira</span></li>
</ul>
</div>
</body>
</html>
O segredo fica por conta da propriedade -webkit-transition, uma propriedade que somente os usuários dos browsers Safari 3.1 e Webkit podem usufruir. Caso você utilize alguns desses browsers, veja aqui um pequeno exemplo.
Referências
blog reactions
Postado em: 13 de maio de 2008 por Pedro Rogério
Se você quer ver como seu site se comporta na web, ou testar como os outros usuários se comportariam visitando o seu site, basta instalar essa ferramenta gratuita de eyetracking desenvolvida utilizando o Adobe AIR.
Esta aplicação é um navegador web baseado no Safari onde a navegação segue os movimentos do mouse, tirando o foco do resto da página. É uma forma de medir a Usabilidade e a Acessibilidade de suas páginas web, requerimentos obrigatórios hoje em qualquer site web. No vídeo abaixo você pode ver como a ferramenta funciona:
Se ainda tem interesse em ver mais ferramentas gratuitas de usabilidade, basta visitar o site da CSSAddict.
Referências
blog reactions
Postado em: 12 de maio de 2008 por Pedro Rogério
O jQuery é o framework javascript utilizado por cerca de 50% dos desenvolvedores hoje em dia devido as suas facilidades de uso, e se você quer começar a utilizá-lo e não quer fazer feio para seus amigos, aconselho a dar uma olhada nesse guia que foi criado por Simon Willison:
blog reactions
Postado em: 8 de maio de 2008 por Pedro Rogério
Nesses slides você tem uma rápida introdução a tudo o que o Framework jQuery oferece:
blog reactions
Postado em: 7 de maio de 2008 por Pedro Rogério
Na Blogosfera Brasileira não é só o Cardoso que tem seus momentos de fama, eu também tenho. Faça o seguinte:
blog reactions
Postado em: 6 de maio de 2008 por Pedro Rogério
Se você é iniciante em SEO (Search Engine Optimization), ou não faz nem idéia do que seja isso, é uma boa você começar a se preocupar, e foi por causa disso que Danny Dover, do site SEOmoz desenvolveu um guia de SEO em formato PDF, muito bem explicado, para aqueles que estão querendo se aventurar nesse mundo, ou para quem já possui algum conhecimento.
blog reactions
Postado em: 5 de maio de 2008 por Pedro Rogério
O PowerPoint está se tornando atualmente umas das ferramentas mais utilizadas para se criar protótipos, partes do Windows, Windows Live, Internet Explorer foram prototipadas com o PowerPoint. Com base nisso, você pode baixar um kit de prototipagem gratuito para PowerPoint e começar a criar hoje mesmo seus protótipos.
Referências
blog reactions
Postado em: 2 de maio de 2008 por Pedro Rogério
Recentemente, Trevor Davis postou em seu site uma solução para abrir links externos em uma nova janela com jQuery, que consiste no seguinte:
$(document).ready(function(){
$("a[@href^='http']“).attr(’target’,’_blank’);
});
O que esse script faz é pegar todos os links da página que iniciem com http e com isso o JavaScript adiciona o atributo target com valor _blank. É uma solução muito interessante, mas a meu ver, eu utilizaria uma solução mais semântica:
$(document).ready(function(){
$("a[@rel=external]“).attr(’target’,'_blank’);
});
Minha solução pega todos os links da página que contenham o atributo rel=”external” e faça com que os mesmos abram em uma outra aba/janela. A meu ver, bem mais semântico. E você, tem alguma sugestão?
blog reactions
Postado em: 30 de abril de 2008 por Pedro Rogério
A Usabilidade é uma coisa que deve ser levado muito a sério, e recentemente, a falta de usabilidade em uma artigo do nosso cotidiano causou a morte de 2 pessoas na Turquia. O problema ocorreu devido ao usuário dispor em seu teclado do caracter exato que deveria usar para escrever uma palavra, que se escreve com a letra “I” turca, terminando por escrever outra distinta com um siginificado ofensivo, radicalmente diferente do pretendido.
Tudo começou quando Ramazan Çalçoban enviou um SMS para sua ex-mulher Emine, mas ela entendeu a mensagem como um insulto. Ela então mostrou a mensagem para sua família, e seu pai disse: “Ele está lhe tratando como se fosse uma prostituta”
Ramazan Çalçoban foi então a casa de Emine explicar o ocorrido, mas chegando lá foi insultado por toda a família dela, em consequência, matou sua ex-mulher, foi preso e na prisão se matou.
Referências
