text-shadow: 2px 2px 2px #FFF; (eixo x, eixo y, definição da sombra, cor)

Este exemplo acima é o que está sendo usado no primeiro parágrafo. O segundo parágrafo foi mudado apenas a cor. Não e só uma sombra que podemos mostrar, com um pouco de criatividade podemos fazer diversos estilos de sombras.

Abaixo alguns exemplos:

Estava eu passeando por aqui nesse fim de tarde quando me deparo com essa notícia: Mozila shows potential Firefox 3.7 theme

Uso o Firefox e recomendo (mesmo com alguns bugs que uns amigos me falaram), ainda mais agora depois dessa versão 3.5 que to achando mais rápido e "sugando" menos memória.

Gosto também da idéia de "copiar" coisas que são legais de outras coisas (leia-se IE). To vendo aí que tão conseguindo ocupar menos espaço nas barrinhas lá de cima, apesar de tá achando meio parecido com o IE 7+.

Claro que isso aí é apenas uma amostra do que pode vir por aí, mas tá ficando bom. Seria melhor ainda se conseguissem melhorias no desempenho e consumo (ainda mais) como fizeram com o Firefox 3.5.

Para os designers de plantão, será se não é possível mandar sugestões? Talvez seja né? Então tá aí… boa sorte! Ah, tem uns links aí em baixo pra vocês terem uma idéia do que sugerir hehe

• https://wiki.mozilla.org/Firefox/3.0_Windows_Default_Theme_Issues
• https://wiki.mozilla.org/Firefox/Sprints/Windows_Theme_Revamp#Mockups

Vocês já se perguntaram o que é TD?

Algumas semanas atrás, estava procurando assuntos para minha monografia. Dentre muitas teorias complexas e outras loucas, me deparei com o termo TD. Para não alimentar muito a curiosidade alheia, TD significa Tecnologicamente Dependente. Isso mesmo, o mundo está ficando TD.

No cenário social atual, a tecnologia cada vez mais ganha relevância. Suas mudanças na estrutura social vem passando rapidamente diante os nossos olhos e, no mesmo rítimo, nós, velhos mortais, estamos sempre tentando acompanha-la.

Nosso comportamente tem mudado. Todas as nossas ações são através da tecnologia e, daqui a pouco, estaremos aprendendo a ler e a escrever através de computadores e livros digitais. As pessoas estão perdendo o contato pessoal e ganhando o contato digital através de chats e telefones. Talvez eu possa ser até mais futurista em dizer que a escola, como estrutura física, desaparecerá. Estaremos aprendendo dentro de casa, através de meios que auxiliem a educação a distância.

Quem é culpado disso tudo? A tecnologia? ou o homem?

Ou não existe culpado?

Quem sabe um dia, eu possa responder melhor estas perguntas. Vamos esperar pra ver o quanto isso vai ser bom e o quanto isso vai nos trazer de ruim…

(Continua…)

Ao trabalhar com cores, o css lhe permite utilizar os formatos hexadecimal (#FF9966) e RGB (rgb 125, 200, 34). No CSS 3 foi incluido um novo tipo de formato chamado HSL e o HSLA (semelhante ao RGBA).

Abaixo mostrarei as principais diferenças entre eles.

Hexadecimal

O hexadecimal possui apenas o valor referente a cor, utilizando o símbolo # no início de cada especificação de cor.

Exemplo:

RGB

O RGB possui três valores referente a cor, utilizando o formato rgb(red, green, blue) – vermelho, verde e azul, pode-se misturar a intensidade de cada cor e formar várias outras cores. Os valores utilizados devem ser de 0 (mais escuro) a 255 (mais claro).

rgb(0,0,0) = Preto;
rgb(255,255,255) = Branco (Mistura de todas as cores forma o branco);

Exemplo:

HSL (somente Browsers que suportem CSS 3)

O HSL é umas das novidades do CSS 3. Semelhante ao RGB, o HSL usa 3 valores: Hue (Matiz), Saturation (Saturação) e Lightness (Brilho, Luz e etc…).

A matiz é o grau da cor, sendo 0 ou 360 para o vermelho, 120 para o verde e 240 para o azul. Números entre cada valor determinam as diversas cores disponiveis. A saturação trabalha com porcentagem, sendo 100% para a cor real. O brilho ou luz também trabalha com valor em porcentagem, 0% é escuro (preto) e 100% é claro (branco).

Com esses valores a diversidade de cores é muito extensa.

Exemplo:

Quer saber mais sobre cores HSL, Clique aqui.

Até o próximo post!