Pular navegação e ir direto para o conteúdo

SEO, Webstandards,CSS,Acessibilidade, Identidade Visual, Logotipo, Sinalização de Ambientes, Animação 2D

Talk to me!! -> marinamac

Tags no Del.icio.us Tags no Del.icio.us

Novos sites na seção web design

January 31st, 2009

Coloquei alguns trabalhos que foram realizados nos últimos meses aqui. Dois deles foram feitos com Wordpress: um bem simples baseado nas categorias, e outro um pouco mais complexo.

Identidade visual - Bar do Bonde em Santa Teresa

August 1st, 2008

Mais uns trabalhinhos pro portfolio…. é uma série de trabalhos feitos para o Bar do Bonde, um bar muito legal que fica em Santa Teresa, no Rio. Tá aí na seção Identidade Visual, dentro de Design Gráfico, ok?

Vista da Baía de Guanabara - Santa Teresa RJ

Mais um site no ar

April 13th, 2008

Finalmente finalizado o site da Nega Teresa!

www.negateresa.com

Site Nega Teresa

Stencil novo no pedaço

April 2nd, 2008

Mais um stencil, esse é uma foto clássica que você, fascinado pela geração Beat, com certeza já viu muitas vezes por aí.

É o Jack Kerouac, autor de ótimos livros como Big Sur, Os Subterrâneos, Vagabundos Iluminados, e claro, On the Road. Junto dele, nada mais que seu amigo (podemos até falar alma gêmea), Neal Cassady. Mas pra mim ele sempre vai ser o Dean Moriarty :)

A idéia veio depois de ler a biografia do Kerouac,  “Jack Kerouac - O Rei dos Beatniks” do Antonio Bivar. É bem resumida mas dá pra ter uma boa idéia do clima que rolava na época entre os beats.

Ah, tem mais stencils legais aí na seção “Stencils”. Dãr.

Jack Kerouac Neal Cassady Stencil

Semântica web correta para entrevistas

March 20th, 2008

Design para web não é só interface. Por trás do layout bonito e fácil de se navegar, com as informações acessíveis para o usuário, tem o código em XHTML. Que também precisa ser de fácil “compreensão” para computadores, robôs de busca e leitores de tela. Afinal de contas, estamos lidando com informação. Ao ler uma frase, nós, humanos, entendemos sua sintaxe. A semântica na web serve para ajudar o computador a interpretar essas informações e tornar a troca de dados em diferentes tecnologias mais eficiente.

Pois ao formatar uma entrevista me veio a questão: qual seria a semântica mais apropriada?

Uma opção seria usar títulos para a pergunta e parágrafo para a resposta, mas não está relacionando a resposta à pergunta.

Outra opção seria usar uma lista de definição. Essa lista tem o título e a definição do título. Ficaria assim:

<dl>
<dt>Pergunta tal tal tal?</dt>
<dd>Resposta da pergunta tal tal tal</dd>
</dl>

Resolve o problema de relacionar o conteúdo, mas não se aplica caso haja mais de um entrevistador ou mais de um entrevistado. Mas como a entrevista que eu estava formatando era só um de cada lado, por enquanto a questão está resolvida. Continuo pensando em como seria uma etrevista mais complexa.