Tag: Links

Links interessantes da semana #2

Links interessantes da semana #2

Ah, mais uma sexta-feira.
Muito trabalho na semana que passou?
Como vocês perceberam, a correria por aqui foi extra-master-blaster. Tanto que nem conseguimos atualizar muito o blog.

Mas semana que vem tá aí. Com o clima de copa do mundo, as coisas ficam um pouco mais tranquilas, o pessoal para pra assistir os jogos, e teremos um mês de “descanso” do resto das coisas. Hehe, até parece…

Vamos aos links de hoje:

Design e Cia:
Concurso: Exerça sua Criatividade 2
Algumas questões sobre o HTML 5
Como se beneficiar da incompetência de alguns web designers e programadores
O que seu e-mail diz sobre você

Vídeos:
Animação stop motion – Waiting

Impressora feita de Lego – impressionante!
Faça você mesmo uma “máquina” de dobrar camisetas

Copa do mundo:

Calendário dos jogos da copa em flash – muito legal

Correios vai lançar selo para a copa do mundo
Twitter lança página especial para a copa do mundo

Até semana que vem!

# Continue lendo

Links interessantes da semana #1

Links interessantes da semana #1

Olá pessoal!

Não temos mais o Sexta-feira da inspiração (mas esporadicamente surgirão alguns posts falando sobre sites inspiradores).
Porém, toda sexta vocês poderão acompanhar os Links interessantes da semana.

O título é auto-explicativo, portanto chega de conversa e vamos aos links de hoje:

Design e cia:
50 imagens de animais manipuladas no Photoshop
30 exemplos inspiradores de e-mail marketing
Logomarca. Certo ou errado?
10 dicas para melhorar seu portfolio
28 fontes retrô gratuitas para download

Ferramentas:
Cacoo – ferramenta online para wireframes

Vídeos:
A pegadinha do Ozzy Osbourne (muito boa!)
O melhor do Vimeo

Semana que vem tem mais links.
Até lá!

# Continue lendo

Efeito CSS em links

Creio que muitos que trabalham com webdesign já estão familiarizados com CSS, e que tal assunto é “mamão com açúcar”.
Porém, para aqueles que ainda estão em fase de aprendizado, eis aqui uma lição bem simples sobre efeito CSS em links.

Resumo do tutorial:

Um link visitado, não visitado, ativo ou no estado hover (quando você passa o mouse sobre ele) pode assumir aspectos (cores, fundos, etc…) diferentes através de CSS.

Sintaxe

A sintaxe das pseudo classes:

seletor:pseudo classe {propriedade: valor}

As classes em CSS podem também ser usadas com pseudo classes.

Esta regra permite que você defina diferentes efeitos para links localizados em diferentes lugares em uma mesma página.

seletor.class:pseudo-class {propriedade: valor}

Os “seletores:pseudo classe” de links

São quatro as pseudo classes dos links:

1. a:link – define o estilo do link no estado inicial;
2. a:visited – define o estilo do link visitado;
3. a:hover – define o estilo do link quando passa-se o mouse sobre ele;
4. a:active – define o estilo do link ativo (o que foi “clicado”).

Isso é apenas uma parte do tutorial do site maujor.com, que conta com diversos assuntos sobre CSS.
Se deseja ir mais a fundo no assunto e descobrir como adicionar sublinhado e sobrelinhado, acresentar fundo, e outros efeitos em links, acesse o tutorial completo.

# Continue lendo