CSS3 e HTML5: O futuro da internet
Publicado por renansoloaga em CSS, Design, Destaque, Experiência do usuário, Tipografia - 02 de agosto de 2011 | Não há comentários

Há tantas coisas para se dizer das novas padronizações para o desenvolvimento web, mas por enquanto vamos nos espantar com o que as experiências desenvolvidas com estes novos formatos em construção já podem nos proporcionar. Abaixo segue o link exemplo de interface mais supreendente que já vi, com animações e tudo mais que a web interativa pode oferecer sem Flash, leve, acessÃvel e louca.
the expressive web
Dica rápida: Alguns botões desenvolvidos com CSS3
Publicado por renansoloaga em CSS, Design, Experiência do usuário - 01 de outubro de 2010 | Não há comentários
Se você desenvolve interfaces sabe o quão importante é o Botão, este item que às vezes passa despercebido do usuário, mas ajuda a compor a identidade de uma interface/aplicação. E vou mais além, às vezes este elemento pode definir se uma venda será convertida ou não.
Existem muitas teorias sobre os motivos de se desenvolver botões atraentes, e quase todas se baseiam na idéia de que o botão é o elemento da ação, ou seja, se alguém vai escolher, enviar um contato ou até mesmo comprar ele precisa clicar no botão. Se você não achava este elemento tão importante é melhor começar...
5 técnicas úteis de CSS / jQuery para deixar seu site mais dinâmico
Publicado por renansoloaga em Ajax, Blog Resources, CSS, Design, Destaque, Experiência do usuário, jQuery - 22 de setembro de 2010 | Não há comentários

Desde os celulares até a televisão, “Interatividade” é a expressão da vez, e na internet ela é regra. Com ela é possÃvel transformar um site estático e maçante em um instrumento dinâmico que não só encanta usuários, mas transmite informações de forma mais eficaz. Neste post, vamos conhecer cinco diferentes técnicas de codificação que pode ser facilmente implementado em qualquer site para proporcionar uma experiência mais rica ao usuário.
As técnicas permitem melhor visualização de conteúdos não padronizados, ajudam os usuários a localizar informações...
Tipografia web facilitada com o Google Fonts API
Publicado por renansoloaga em CSS, Design, Destaque, Otimização, Tipografia - 21 de junho de 2010 | Não há comentários

O mundo da tipografia web está avançando rapidamente. Já temos as opções Sifr, Cufon, Typekit, @ font-face e, agora, o Google lançou seu serviço de fontes personalizadas Google Fonts API. Vamos dar uma olhada no Google Font API e entender como você pode usá-lo em seus projetos web.
Como funciona
A API do Google Font é basicamente um atalho que pode ser usado manualmente para explorar a propriedade @font-face do CSS3. Quando você insere o código do Google no seu site, a API retorna um estilo de fonte incluindo uma regra de @font-face para o tipo de letra escolhido, ele...
13 novos plugins para jQuery
Publicado por renansoloaga em Ajax, CSS, Design, Destaque, Experiência do usuário, Otimização, jQuery - 10 de maio de 2010 | Não há comentários

O jQuery mudou a forma de se escrever JavaScript e também alterou a forma como os usuários interagem com os sites e aplicações web. Se você for um desenvolvedor, você sabe que é uma satisfação trabalhar com jQuery, especialmente devido a grande quantidade de plugins e opções para incrementar seu site.
Neste post, seleciono 13 novos plugins que foram lançadas nos últimos meses. Você verá que esses plugins oferecem uma vasta gama de funcionalidade, desde melhorias de navegação até visualização de imagens “estilosas”. Espero que sejam úteis.
BubbleUp
Com...
Dica rápida: CSS Resets e Inconsistência de navegadores
Publicado por renansoloaga em CSS, Design - 30 de abril de 2010 | Não há comentários
Nem todos os navegadores são desenvolvidos da mesma forma. Na verdade, cada browser é diferente. Qual é a margem padrão ou tamanho de fonte de um elemento <p>? Você pode se surpreender com a grande variedades de valores. Para lidar com as diferenças entre os navegadores, nós podemos nivelar o campo e começar do zero, usando as folhas de estilo CSS “Reset”.
Os primeiros recursos de Resets tratavam valores como margem e padding, usando uma redefinição global que era mais ou menos assim:
* { margin: 0; padding: 0; }
Porém, com o aumento de número de...