Identidade visual forte e funcionalidade são dois dos aspectos fundamentais à atratividade de um produto. A combinação ideal entre essas características torna-se ainda mais relevante quando falamos de sites, blogs, newsletters e outros documentos disponíveis na internet, que representam as maiores ferramentas de marketing da era da sociedade em rede. Responsáveis pela criação desses endereços virtuais, os webdesigners possuem a função de garantir que, em meio à avalanche de conteúdos produzidos na internet, o acesso ao produto oferecido por ele seja atraente. Os sites e blogs são...

De acordo com a StatCounter, o Firefox 3.5 é atualmente a versão de navegador mais utilizada no mundo, superando por pouco a versão 7 em uso do Internet Explorer (o segundo colocado na lista). A estatística foi criada a partir da coletânea de dados obtidos de milhares de sites, registrando os acessos às suas páginas por diferentes navegadores e suas versões em uso. Atualmente, a versão 3.5 do Firefox possui 21.93% do uso total, seguida de perto pela versão 7 do Internet Explorer, com 21,20%. O IE8 possui 20,33% e o IE6 13,89%. Este é um ponto a se comemorar, mas não podemos esquecer...

A Adobe como todos sabemos, vem surpreendendo todos com seus projetos paralelos via internet. Como o Kuler e muitos outros. A novidade é o Adobe BrowserLab, com ele podemos visualizar via imagens nossos sites em outros navegadores e outros sistemas operacionais. Veja Alguns desses navegadores: Firefox 2.0 – Windows XP Firefox 3.0 – Windows XP Firefox 3.5 – Windows XP Internet Explorer 6.0 – Windows XP Internet Explorer 7.0 – Windows XP Internet Explorer 8.0 – Windows XP Chrome 3.0 – Windows XP Safari 3.0 – Mac OSX Safari 4.0 – Mac OSX Firefox...

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...

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...

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...

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...

Com o avanço da web, começaram a ser utilizadas técnicas mais avançadas de design. Desde a Proporção Áurea até o nosso espaço em branco. Dai você se pergunta: O que um espaço em branco pode mudar o design? O espaço branco é muito importante pois ele deixa o design mais agradável, proporcionando uma área de conforto. O site Webdesigntuts fez uma pequena analise do que seria esse espaço em branco nas paginas, é uma informação valiosa quando se está elaborando um site. Fonte: http://webdesigntuts.com/web-design/using-white-space-effectively-in-web-design/ Share/Save

Um das tendências do web design é o uso dinâmico de imagens, tais como um banner rotativo ou mesmo efeitos de slideshow. Raymond Selda publicou em seu web site como fazer um conteúdo rotatório com jQuery. Veja o exemplo funcionando. O slider funciona com textos e imagens, ou seja, pode-se colocar qualquer tipo de informações dentro de html ou dinamicamente com php. link: http://www.raymondselda.com/create-a-tabbed-content-rotator-using-jquery/ Share/Save