Criando um seletor :random em jQuery

Hoje eu estava navegando em um site bem legal, quando encontrei um código muito simples, porem extremamente útil em diversas situações.

Como funciona?

Quando você usar o seletor :random em uma lista de itens, o jQuery irá retornar um destes itens aleatoriamente.

Exemplo

  • Google
  • Microsoft
  • Apple

A empresa que foi sorteada aleatoriamente foi

30 Fitas, Adesivos e Medalhas para Designers

Quando navegamos por alguns sites, podemos perceber que o uso deste tipo de imagem só aumenta na indústria do design.

É de se entender, já que o efeito realmente fica bem legal, principalmente se você deseja dar destaque em alguma determinada área do site.

Sem mais delongas, hoje eu trago 30 tipos de fitas, adesivos e medalhas que encontrei enquanto navegava em um dos sites de referência que citei na minha primeira matéria.

Eu resolvi manter o nome de cada imagem, já que é um direito do artista escolher o nome de sua arte. Portanto, já que todos os artistas são estrangeiros, vocês verão os nomes originais em inglês.

Animações com CSS 3 Usando o Módulo Transition

Hoje irei falar sobre uma propriedade do CSS 3 que é bem simples de ser usada, porém muitas pessoas não conhecem ou não sabem usá-la.

Trata-se do módulo “transition”.

O que é?

Ainda como protótipo da W3C, esta propriedade já é compatível com a grande maioria dos navegadores atuais. No entanto, nenhuma versão do Internet Explorer suporta tal propriedade.

Com ela você é capaz de criar transições entre propriedades do CSS, que em muitas vezes, acabam resultando em animações.