A web é um perfeito playground para muitos designers criativos e desenvolvedores. O HTML estático é chato e hoje o usuário quer ver algo mais enfeitado da/na web. Utilizando e/ou combinando algumas técnicas de web como JavaScript (e claro, jQuery), CSS (3) e Flash (ou Adobe Flex) esse pedaço de interação pode ser alcançada. Como…

Visão dos resultados finais Veja o antes e o depois, já com os efeitos, nas imagens abaixo: Antes: Depois: Stock photos Você vai precisar de duas fotos: uma de alguém apontando uma arma, e a outra de uma janela com uma marca de tiro em um fundo escuro. As imagens usadas neste tutorial são fotografias…

Cantos arredondados. Eles já eram uma “grande coisa” alguns anos atrás e, embora existam várias soluções hoje, eles continuam sendo um obstáculo que não pode ser superado com muita elegância. Quando o CSS3 foi apresentado, uma das primeiras características mostradas foi a propriedade border-radius, nos inibindo de aplicar cantos arredondados com o CSS. Lembra como…

Muitos tutoriais de CSS e JavaScript sugestivamente usam display:none para esconder elementos. Pode ser temporariamente, por exemplo, quando usamos JavaScript para esconder ou para exibir partes da página dependendo das ações do usuário, ou permanentemente, por exemplo nas técnicas de substituição de imagens, redirecionamento de links ou cabeçalhos estruturais. Em muitos casos, usar display:none para…