21 de abril de 2009

Como estilizar o ALT com CSS

O atributo ALT é usado para oferecer um texto descritivo à alguns elementos do HTML, sendo o mais famoso a tag <img>. Essa semana descobri que é possível estilizar esse atributo, e não precisa usar javascript.

Lembrando que o alt só aparecerá caso ocorra algum erro no carregamento das imagens. :)

CSS

img {
color: red;
text-decoration: underline;
}

Simples e fácil. :)

13 de abril de 2009

Como resolver problemas com caracteres

Algumas páginas apresentam problemas com os caracteres, principalmente os acentuados. As vezes aparecem simbolos estranhos, outras vezes surgem pontos de interrogação (?). Hoje vou dar uma dica para resolver esses problemas.

O que é isso?

Existe diversos padrões para representar as letras do alfabeto, os números e outros caracteres especiais. Alguns suportam os caracteres mais usados em certos idiomas como o ISO-8859-1 para os latinos, o ISO-8859-7 que é para os Gregos e o UTF-8 que suporta vários caracteres de vários idiomas.

O problema.

Os caracteres estranhos surgem quando há uma diferença entre os caracteres declarados na página e no servidor. Normalmente os servidores (onde hospedamos nossas páginas) usam o padrão UTF-8 e se usarmos um padrão diferente desse pode ocorrer algum problema.

Como declarar os caracteres no HTML 4.01

É simples, dentro do <head> adicione a seguinte meta tag:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
No XHTML é só por uma / no final da tag.
Para saber mais:

2 de abril de 2009

Internet Explorer 8: Versão Final

A Microsoft anunciou no dia 19/03 a versão final do Internet Explorer 8, que já estava em beta há um bom tempo. Resolvi testar como anda esse novo browser, e essas são as minhas primeiras impressões:

Abas coloridas

As "guias", que são as abas do IE8, podem ser agrupadas por grupo. Guias de um mesmo site ficam com a mesma cor, facilitando a navegação. O Firefox podia imitar isso, será que existe alguma extensão com essa funcionalidade? :) UPDATE: o RobsonB indicou o ColorfulTabs, não é tão bom quanto a funcionalidade do IE8 mas quebra o galho.

O ponto negativo das guias são a demora para abrir, elas demoram alguns segundos a mais que em outros navegadores para serem abertas. :(

Aceleradores

Aceleradores é uma ferramenta que pode acelerar a sua vida na Web. Selecione um texto em alguma página e aparecerá um icone azul. Ao clicar nele, aparecerá uma série de opções como pesquisar no Google, enviar pelo e-mail, etc. :)

Web Slice

Parece-se com um feed de uma parte da página. Em sites que oferecem essa opção, aparecerá um icone verde que permite adicionar certas partes do site ao favoritos do IE8, e toda vez que aquele web slice for atualizado você saberá. Ainda não sei como adicionar essa funcionalidade em sites desenvolvidos por mim e não achei uma funcionalidade tão interessante. :(

Desenvolvimento Web

Na parte dos developers, o IE 8 melhorou em relação ao IE7 e IE6. Ele passa no Acid Test 2 mas só consegue tirar 20 (o máximo é 100) no Acid3. O unico nota 100 no Acid 3 é o Opera 10. :(

Outras

Outras funcionalidades que vem no IE8 é o novo modo ~~porno~~ InPrivate, que o Chrome já tinha; sugestões de pesquisas,filtros de segurança, que também não é nada original, entre uma série de outros recursos.

Conclusão

O IE8 melhorou muito em relação aos seus antecessores, e tem até recursos legais que mereciam ser copiados por outros browsers (como as guias coloridas). Apesar disso prefiro o meu Firefox. :-D

Desenvolvimento Web e outros temas Geeks, com uma pitada de humor!