27 abril, 2011
29 março, 2011
360 ° CSS3 Panoramas, nós eliminamos flash
- Clique na barra de menu do Safari e vá até Preferências.
- Aba "Avançado".
- Marque a caixa "Display desenvolvimento menu na barra de menu"
- Agora, o bar vai mostrar a evolução do acesso a ela
- Clique nesta nova barra e selecione "User Agent"
- Selecione "Mobile Safari 3.1.2 - item iPhone.
- Atualização da página do panorama criado com este utilitário.
Compatibilidade dos Browsers
| Motor | Browsers |
| Gecko | Firefox, SeaMonkey, Camino, K-Meleon |
| KHTML | Konqueror |
| Presto | Opera, Opera Mobile, Nintendo Wii, Nintendo DS e DSi |
| Trident | Internet Explorer |
| WebKit | Google Chrome, Safari (incluindo iPhones e iPads),Epiphany, Adobe AIR, Adobe Dreamweaver CS5, Android, Palm webOS, Symbian |
Testa e avalia a compatibilidade do seu browser
Mostra com o suporte ao HTML5 evoluiu de 2008 até hoje
Exibe tabelas de compatibilidade para recursos de HTML5, CSS3, SVG e outras tecnologias web
04 março, 2011
18 maio, 2010
Capturando a tela inteira
29 dezembro, 2009
Criando imagens para produtos na Web
08 outubro, 2009
Photoshop • Conheçam o PSD.tutsplus
O PSD.tutsplus, reune tutoriais de diversos níveis de conhecimento [para os iniciantes, intermediários e avançados]. Alguns tutorias, não são disponiveís gratuitamente. Mas, o conteudo é muito bom e da sim para aprender um pouco mais sobre essa grande ferramenta que é o PhotoShop!
Link: http://psd.tutsplus.com/
01 outubro, 2009
Flash: SWF com Fundo transparente
<param name=”wmode” value=”transparent” />Para muitos que aindam usam a tag embed para funcionar em todos os browsers tem que colocar o atributo wmode nela também:
<embed wmode=”transparent” … />Então o código validado do SWF com fundo transparente ficaria assim:
<object type=”application/x-shockwave-flash” data=”filme.swf” width=”550″ height=”400″>Uma coisa que acontece também que pode gerar bastante dor de cabeça é quando algum elemento do HTML que deveria ficar por cima do SWF e acaba acontecendo o contrário. E você pode alterar o position o z-index e nada. O “bicho” insiste em ficar por cima.
<param name=”allowScriptAccess” value=”sameDomain” />
<param name=”movie” value=”filme.swf” />
<param name=”wmode” value=”transparent” />
object>
E a solução consiste apenas em deixar o SWF com o fundo transparente.
30 setembro, 2009
31 julho, 2009
10 Links para Web Design
- BrushKing – Catálogo de brushes gratuitos para o Photoshop;
- Vintage Style – Mais de 300 texturas e fontes com estilo vintage;
- Pattern Cooler – Aplicativo web que permite personalizar padrões gráficos;
- Best Free Quality Fonts – As 25 melhores fontes gratuitas segundo Vitaly Friedman;
- Handwritten Fonts – 10 fontes manuscritas imperdíveis;
- Design a Logo – Dicas para criar um logotipo;
- Free Web Templates – 25 sites para download de templates gratuitos;
- Tutorial9 – centenas de tutoriais sobre Photoshop, Illustrator, fotografia e web;
- 35 Incredible Free Icon Sets – Excelente seleção de ícones gratuitos;
- LogoPond – Coletânea de logotipos.
19 março, 2009
Johnnie Walker Black Label | Requinte
Lendo o site do Brainstorm #9, achei esta campanha feita para o site Johnnie Walker Black Label. Compartilho com vocês.
Para contar a história e o processo de produção de seu Johnnie Walker Black Label, a Diageo colocou no ar um novo site. Baseado em vídeo, o homem que não para de andar mostra as diversas camadas para se chegar a composição final, com micro-interações do usuário entre os capítulos.
Eu não sou fã desse tipo de conteúdo tão focado em produto, mas certamente deve agradar os apreciadores de whisky.
A criação é da Wunderman, com produção da colmeia.
fonte: Brainstorm #9
14 março, 2009
DesignUP | Dica Perfeita
05 março, 2009
+ de 5.000 fotos grátis de domínio público

Você que é design gráfico, trabalha em agência de publicidades ou é arte finalista nunca se deparou quando precisa de uma foto ou imagem e não tem um banco de imagem bom para estar pegando suas imagens? Dá uma olhada neste site public-domain-photos.com, ele oferece mais de 5 mil fotos de domínio público. Logo na primeira página do site é informado que o uso das fotos é totalmente livre para uso pessoal e comercial. As fotos estão organizadas nas seguintes categorias:
- Animals
- Buildings
- City
- Drinks
- Flowers
- Food
- Insects
- Interiors
- Landscapes
- Fields
- Forest
- Lakes
- Mountains
- Roads
- Sky
- Miscellaneous
- Objects
- Ocean
- Panoramas
- People
- Plants
- Space
- Travel
- Arizona
- Balboa Park
- Big Sur
- Bodie
- Canada
- Death Valley
- Grand Canyon
- Idaho
- Irland
- La Jolla
- Las Vegas
- Los Angeles
- Montana
- Monterey
- New Orleans
- OC
- Phoenix
- San Diego
- San Francisco
- Sequoia
- Utah
- Wisconsin
- Wyoming
- Yellowstone
- Yosemite
- Zion
- Vehicles
Convertendo PSD para HTML e CSS
Existem muitos webdesigners que iniciam o design de um site utilizando o Photoshop. Nele, o webdesign encontra ferramentas perfeitas para construir seu layout com rapidez e com muita criatividade e se for necessário fazer modificações fica mais fácil pois o arquivo ainda não esta todo feito em código. Muitas vezes o cliente aprova o design ainda em formato PSD ou em um formato de imagem qualquer.
Depois que o projeto visual é aprovado, chega a hora de converter o PSD em arquivo HTML e CSS. Para a maioria dos desenvolvedores este trabalho é demorado e cansativo. Só com a experiência e horas aprendendo é que esta tarefa se torna mais rápida e simples.
O site designm.ag publicou uma artigo com 10 tutoriais em inglês que ensinam a transformar layouts feitos no Photoshop em arquivos HTML e estilos CSS. Coloquei aqui o link traduzido para português dos 5 melhores tutoriais desta lista:




































