Criaremos hoje uma galeria de imagens com descrição em efeito Fade do jQuery. Muito usado em portifólios, virou símbolo de modernidade fazer com que o site tenha efeitos de flash e com pouco trabalho. Vamos ao código: 1.HTML Primeiramente, html. Toda a descrição e/ou título precisa estar dentro da classe “caption”: <div class="item"> <a href="#"><img src="image.gif" alt="title" title="" width="125" height="125"/></a> <div class="caption"> <a href="">Titulo</a> <p>Descrição</p> </div> </div> 2.CSS O código...

A propriedade @font-face permite que usemos famílias de fontes que não estão instaladas no computador do usuário. Estamos acostumados a usar (os designers que o digam) um pacote de fontes muito limitado.O @font-face faz com que o browser baixe, instale e renderize uma font na página.Nem preciso falar que isso pode deixar o site um pouco mais lerdo. Outro ponto é que poucos browsers tem suporte para isso hoje, e ainda temos que enfrentar o IE. Veja um exemplo: @font-face {font-family: Nome da Fonte;src: url(enderecodafonte);} p { font-family: Nome da fonte; }  Existem outras maneiras usando...

Estes 18 projetos de website são todos super novos e frescos, quero mostrar o quanto pode ser feito um trabalho no mesmo tom de cor. O azul é uma cor excelente para web design, é fácil sobre os olhos, e não muito perturbador. No entanto, ele também pode ser corajoso e brilhante. Eu tenho usado frequentemente azul em meus projetos passados, e conhecer pessoalmente o quanto pode ser feito com ele. Estes 18 desenhos mostram os diversos efeitos do uso do azul em sua web design, e são todos soberbamente concebida, e muito limpo. O melhor de tudo, eles são todos muito “frescos”, por...

Letterpress, tendencia popular de Design. Não é nenhum segredo por aqui, que eu gosto de design tipografia, e acho que é uma tendência crescente (e parece que não estou sozinho nessa. Eu mesmo escrevi um tutorial sobre como conseguir o olhar no Photoshop. Torno do projeto comunidade, você também pode encontrar um tutorial sobre como criar o look usando CSS, e muita inspiração do projeto tipografia.  (escrito por: Andrew Houle ) Armado com meu fascínio por este estilo, eu penteados sites galeria de cartões de visita que exibiu belos desenhos tipografia. O resultado é a fabulosa colecção...

Sua busca de vetores gratis é longa. Abaixo temos  uma lista dos melhores sites da web livre pra download de vetores, a maioria dos sites não se qualificam para a categoria, vamos chamá-los de modo geral, mas no segundo metade do post você vai encontrar recursos especializados dedicados a vector logotipos, marcas, desenhos animados e ícones. Vecteezy! I Heart Vector QVectors GoMediaZine VectorVault Vector4Free Open Clip Art Library CoolVectors Vector Portal Vector Art AI Vault 123 FreeVectors iDesign * Vectors DryIcons – Free Vector Graphics Free Vector Downloads Vector Lady Vector...

O Cu3er é um projeto grátis da Progressive Red, que desenvolveu um slider 3d em flash baseado em xml e de fácil configuração.  Ele dá amplo suporte para imagens, além dos grandes efeitos de transição: Slice, spin, entre muitos. Podem ser usadas também fontes personalizadas e alguns símbolos pré-estabelecidos. Recursos Fácil Instalação Customizado por XML Adaptadas para proporcionar um olhar original & agradável Usa Papervision3D e TweenMax Implementada com SWFObject Para mais informações visite o site do Cu3er: http://www.progressivered.com/cu3er/ Ou veja sua documentação: http://www.progressivered.com/cu3er/docs/ Share/Save

Aqui está um efeito que venho procurando por algum tempo, e resolvi transformá-lo em tutorial. É um efeito interessante porque além de leve, deixa o site com uma cara mais moderna e dinâmica. Primeiro vamos conhecer o efeito: Perceba que as partículas (no caso 4 imagens) se mexem em diferentes pontos da tela, alterando velocidade e sentido, fazendo com que o site fique animado. Vamos ao que nos interessa: 1. HTML Criaremos uma div com id ‘container’ onde as partículas estarão circulando: var Spark = function() { var self = this; this.b = 'imagens/';//aqui você indica...

1. Validar Email function is_valid_email($email) { if(eregi("^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$",$email))    return true; else    return false; } 2. Validar o nome do domímio function is_valid_url($url) { if (preg_match('/^(http|https|ftp)://([A-Z0-9][A-Z0-9_-]*(?:.[A-Z0-9][A-Z0-9_-]*)+):?(d+)?/?/i', $url)) { echo "Your url is ok."; else echo "Wrong url."; } 3. Truncate String Esta função recebe uma grande string encurta a um limite definida e acrescenta um loop (ou seqüência personalizada) até o fim. Em vez de cortar uma palavra no meio (se...

Olá pessoal! Depois de tanto tempo ser ter postado aqui no Createeve,pois agora estou trabalhando e o tempo ficou mais curto,deixando isso de lado, eu venho aqui com três excelentes brushes para o photoshop, espero que gostem! Real Brush Strokes Set by doodle-lee-doo Bubble brush by FuelFireDesire Simply Lovely Brushes by differentxdreamz Share/Save

Exibição de Sites com Watercolor (aquarela). Aquarela Criativa Crush Lovely Boom a Web Design Five Points Weberica TouCouleur Lebloe Electric Pulp B. Candullo WCCnet CorvusArt Sharp Design Reel Rock Tour RockateeDesign Ali Felski Viget Inspire Matt Dempsey Ma.tt Web Designer Wall Magouya Josh Tilton Happy Cog Football made in Africa vSplash Web Stock Agami Creative James Lai Creative Tutoriais para a criação desses efeitos Abaixo de há seis tutoriais de alta qualidade de PhotoShop para aprender algumas técnicas para realizar um trabalho bonito de Aquarela. Aprecie! Design...