Internet, CSS e Photoshop
Artigos com o marcador CSS
Por que usar CSS Reset?
25/07/10
Muito se discute sobre o uso de CSS Reset em desenvolvimento web. É um verdadeiro divisor de águas. Há quem o odeia e quem não viva sem (meu caso).
Especialistas divergem entre si e são muito políticos em suas defesas quanto ao uso ou não de resets. Tanto que confundem a cabeça de novatos nessa área e só fazem aumentar a necessidade de um veredito.
Pois bem, resolvi peitar uma defesa baseada em problemas que enfrento diariamente. E defino minha conclusão com uma pergunta mais que direta: “Como eu criava sites antes sem usar um CSS Reset?”
@font-face CSS com ajuda do Google font API
20/05/10
Em um artigo que escrevi sobre o uso de @font-face e a conversão de fontes do formato TTF para EOT abordei o modo mais prático de implementação de fontes diversas para criação de sites mais, digamos, elaborados. Expliquei como e com o que converter fontes, e as linhas de código em CSS para implementação.
Agora vou explicar novamente o uso do @font-face abordando uma, na verdade duas, ajudas muito bem-vindas do gigante do Vale do Silício: a Google font API e o Google font directory.
Borda arredondada com Javascript
09/04/10
Borda arredondada (rounded corner) ou border-radius em CSS é uma técnica amplamente utilizada em sites. Mas devido a velha ladainha de ter que fazer “funcionar” no IE, vez ou outra temos que recorrer a soluções alternativas. E, sempre que busco (falo por mim) uma solução de implementação para isso, sei que não vai ser possível de usá-la devido às limitações do IE. Ainda assim me faço essas três perguntas:
- Dá pra implementar usando somente CSS e algumas poucas imagens ou é necessário Javascript?
- Se for por CSS+imagens, funciona direitinho no IE?
- Se for por Javascript, qual o resultado quando eu o desabilito?
Sem fazer qualquer menção ao CSS3 e seja qual for o método de implementação, sempre coloco o conceito de Graceful Degradation em primeiro lugar nessas situações. Ou seja, se sem a borda arredondada meu layout não perder muito em detalhes, ótimo. Caso contrário tenho que repensar o projeto.
CSS Sprites
27/03/10
Você já leu o artigo sobre CSS Sprites da Smashingmagazine? Veja bem, levando em conta que você tem conhecimento desse assunto, gostaria só de basear minha crítica em cima de dois pontos desse artigo:
- Cache de imagens
- Acessibilidade
Mas antes, vamos ser francos, usar sprites é uma mão na roda no desenvolvimento de sites, e sei q o pessoal da Smashingmagazine também pensa assim. Eles só colocaram o assunto em xeque devido ao mau uso ou o uso exagerado.
@font-face e a conversão de fontes .TTF para .EOT sem mistério
24/03/10
Se você chegou até aqui pensando em ler algo sobre o tal Microsoft WEFT (Web Embedding Fonts Tool), esqueça. Nunca consegui usar esse programa.
O propósito aqui é tão somente explicar que, além do WEFT, você pode baixar este executável e começar a gerar suas fontes EOT.
Alê Mazzariolli
Barril de Ideias
Cozinha Travessa
Diego Franco
Flávio "Japs" Kaminisse
Leonardo Ota
Revolução etc.
Tiago Lemos