Topo
Topo

9 Out

Assinatura de e-mail web personlizada

Olá pessoal!

Como essa semana está meio corrida para mim, não vou poder fazer um artigo muito detalhado, mas vou trazer uma ferramenta bem útil.

Eu não gosto de usar programas de e-mail do computador, como o Firebird ou o Outlook. Mas uma coisa que me faz muita falta é a assintaura de e-mail estilizada em HTML. Eu considero aquilo como uma identidade, e é uma forma de chamar atenção da pessoa que recebeu a mensagem para clicar no link do seu site.

Semana passada um amigo meu publicou no seu Twitter o link de um plugin para o Firefox que faz isso. Se chama WiseStamp, e pode ser usada no Gmail, Yahoo, Hotmail e AOL. A ferramenta deixa personalizar usando fontes, imagens e cores diferentes para mais de uma assinatura (pessoal e trabalho) na mesma conta de e-mail, além de mostrar ícones de sites sociais como Youtube, Twitter, Facebook e outros mais comuns na Web 2.0. No site ainda tem uma galeria de assinaturas que dão umas idéias legais e disponibiliza o código para copiar. Esse plugin com certeza eu recomendo, por que não tenta?

;)

1 Out

Reset’s CSS

Acredito que qualquer web designer concordaria comigo se eu falasse que o que mais prejudica o nosso tempo de trabalho é o fato de ficar verificando a compatibilidade de um navegador para outro. Principalmente no IE(k) 6. São tantos filtros, que o CSS que deveria ficar organizado, acaba ficando uma bagunça por conta de hacks e filters. Isso, sem falar dos scripts js nos headers do (X)HTML. Tem gente que opita pelos condicionais, mas mesmo assim é ruim.

Por isso, para não perder tanto tempo com esses probleminhas, antes de começar a escrever o CSS do site, eu uso os “resets”. Para quem não sabe, serve para zerar ou definir algo específico para funcionar em toda a página, como fonte, tamanhos, cores etc, que são coisas mais comuns na página. Como teste, faça um arquivo .html somente com as tags padrão e defina o estilo do body com borda de 2px e vermelha. Visualize no FF e no IE. Percebeu que o posicionamento está diferente? Por causa dessas diferenças que no desenvolvimento da página agente acaba tendo que usar os hacks. (A altura também ficou diferente, mas é porque não tem conteúdo dentro do body.)

Existem frameworks prontos com os css resets. Um exemplo é o da Yahoo! chamado Yahoo UI Reset CSS Package. Esse pacote é um pouco extenso, então vou colocar somente uma parte do código.

reset.css

[css]
*, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockote, th, td {
margin:0;
padding:0;
}

table {
border-collapse:collapse;
border-spacing:0;
}

fieldset, img, abbr, acronym {
border:0;
}

address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:100;
}

ol, ul {
list-style:none;
}

caption, th {
text-align:left;
}

h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:100;
}

q:before, q:after {
content:”;
}

/*pode-se resetar o tamanho da fonte e a família para o html todo*/
html {
font:70% Arial, Helvetica, sans-serif normal;
}
[/css]

Quanto aos outros probleminhas como seletores, transparência, width-max etc, infelizmente ainda uso filters. Mas com o reset.css, agente consegue diminuir o problemas para pelo menos a metade do que era, mas não abuse, pois usado exageradamente pode prejudicar o seu (X)HTML.

;)

23 Set

Lançamento Adobe CS4



A Adobe acabou de anunciar os pacotes Creative Suite 4. Os novos pacotes tem as seguintes ferramentas:

  • Adobe InDesign CS4
  • Adobe Photoshop CS4 Extended
  • Adobe Illustrator CS4
  • Adobe Acrobat 9 Pro
  • Adobe Flash CS4 Professional
  • Adobe Dreamweaver CS4
  • Adobe Fireworks CS4
  • Adobe Contribute CS4
  • Adobe After Effects CS4
  • Adobe Premiere Pro CS4
  • Adobe Soundbooth CS4
  • Adobe OnLocation CS4
  • Adobe Encore CS4
  • Adobe Bridge CS4
  • Adobe Device Central CS4
  • Dynamic Link
  • Adobe Version Cue CS4

Uma novidade para os photoshopers é que a nova versão do programinha de edição de imagens terá funções 3D, o que vai ajudar muito àqueles que não tem domínio em alguma ferramenta esepcífica.

Download Adobe Photoshop CS4

Obviamente não iremos disponibilizar nenhum link para download do Adobe Photoshop Cs4 Completo ou qualquer download da suíte Adobe Cs4.
Para encomendas, estará disponível em Outubro. O pacote completo custa US $2,925.00 e o pacote de atualizações US $1,053.00.

22 Ago

Maestro Dobel Tequila


Minha especialidade não é design de embalagens, mas acredito que todo designer de verdade entende um pouco de qualquer tipo design. Acho que temos um olhar diferente para as coisas.

O Daniel me pediu para fazer um post sobre uma garrafa de tequila, a Maestro Dobel Tequila. Achei muito linda!

O design da garrafa cheia de luxo e muito bem detalhada, foi criada pelo estudio Stranger & Stranger de Londres. O nome foi feito em auto relevo e no vidro alguns desenhos, também em auto relevo, que dão a impressão de cristais presos na garrafa.

Maestro Dobel Tequila veio para o mercado esse mês como a primeira tequila “diamante”, que significa “incrivelmente clara” ou “limpa”. Infelizmente não será comercializada aqui no Brasil, mas pode ser encontrada nos mais finos estabelecimentos de Los Angeles, Boston, Milwaukee e Atlanta. A porcentagem de alcool é de 40% e seu preço $74,99. O seu criador se chama Juan-Domingo “Dobel” Beckmann, do México.


Visitem o site para mais fotos.

13 Ago

Fotos da Cerimônia de Abertura das Olimpíadas de Beijing 2008

Não é o meu foco aqui no DK falar sobre fotografia e artistas, mas não posso deixar de compartilhar isso com vocês.

Um amigo meu deixou no Twitter dele esse link e é extremamente perfeitas as imagens. São fotos da abertura das Olimpíadas de Beijing 2008.

A cerimônia foi realizada no dia 8 desse mês e televisionada por várias emissoras. Eu não pude ver, mas parece que foi maravilhoso!

No site boston.com você pode ver as outras imagens.