CSS para Web Design

M�dulo para cores das CSS3

O M�dulo das CSS3 denominado "CSS3 Color Module" destina-se a especificar as diferentes maneiras de se atribuir valores para as propriedades CSS que admitem cores tais como background-color e color. O M�dulo encontra-se na fase de rascunho de trabalho do W3C, mas sua implementa��o parcial j� � realidade nos navegadores standards vers�o atual exceto nos IE todas as vers�es

O objetivo deste m�dulo segundo as especifica��es do W3C � o seguinte:

A diretiva @font-face das CSS3

A diretiva CSS3 @font-face est� prevista no M�dulo Fonts das CSS3 e destina-se a especificar um tipo de fonte para uso em determinadas partes de uma p�gina ou na p�gina toda (ou no site todo) e ter a garantia que a fonte especificada ser� renderizada no navegador do usu�rio independentemente de ele ter ou n�o a fonte instalada em seu sistema operacional.

M�dulo Boxes Flex�veis das CSS3

O M�dulo das CSS3 denominado "Box Flexible Layout" destina-se a especificar um Box Model otimizado para design de interfaces. Trata-se de um sistema adicional para constru��o de layouts que vem oferecer mais uma alternativa aos sistemas j� existentes. O objetivo deste M�dulo � descrito a seguir:

M�dulo Template Layout das CSS3

A contru��o de layouts com CSS tem se constituido na grande "dor de cabe�a" dos desenvolvedores comprometidos com os padr�es web. Voc� encontra na Internet uma infinidade de layouts CSS prontos ou mesmo ferramentas online geradoras de layouts personalizados. Contudo at� mesmo estas ferramentas t�m suas limita��es, pois � imposs�vel contemplar todas as variantes de personaliza��o.

Tema "The Music" no Zen Garden do Maujor

Participe do desafio Zen-Garden do Maujor que continua aberto e recebendo novos temas normalmente. S�o 47 temas compondo a galeria e o �ltimo tema recebido foi denominado por Allan Gomes Fernandes seu autor de "The Music". Visite a p�gina inicial do Zen-Garden, fa�a o download da marca��o e v� em frente, desenvolva seu tema que eu terei prazer em publicar.
Aprendendo CSS? Este � um �timo exerc�cio para testar seu aprendizado. Ver o tema "The Music"

Novo tema no Zen Garden do Maujor

Participe do desafio Zen-Garden do Maujor que continua aberto e recebendo novos temas normalmente. S�o 46 temas compondo a galeria e o �ltimo tema recebido foi denominado por Rodolfo Gomes seu autor de "Medieval". Visite a p�gina inicial do Zen-Garden, fa�a o download da marca��o e v� em frente, desenvolva seu tema que eu terei prazer em publicar.
Aprendendo CSS? Este � um �timo exerc�cio para testar seu aprendizado. Ver o tema "Medieval"

Estrutura de cabe�alhos em p�ginas web

Cabe�alhos em marca��o HTML s�o criados com os elementos h1-h6, s�o �teis e devem ser usados para destacar visualmente todo texto que atue como, obviamente, cabe�alho de uma se��o. Sua import�ncia se destaca n�o somente porque � a escolha semanticamente correta, mas tamb�m porque facilita a indexa��o do documento pelos mecanismos de busca. Contudo, a maior import�ncia do uso correto de cabe�alhos diz respeito ao incremento da acessibilidade.

Lan�amento do livro jQuery do Maujor

E com prazer que anuncio o lan�amento do livro “jQuery - a biblioteca do programador JavaScript“.
Tr�s eventos marcar�o o lan�amento e eu estarei presente em todos eles, full-time, para conhec�-lo e ter o prazer de autografar seu exemplar.

1^o. Encontro de TI em S�o Paulo e Rio de Janeiro: Dia: 27/11/2008-SP; Dia: 29/11/2008-RIO; Ver detalhes
Livraria Siciliano - RIO: Dia: 11/12/2008 - 5a. feira - 19:00h; Botafogo Praia Shopping; Praia de Botafogo 400 - ljs 408/409

Ampersands, PHP Sessions e HTML v�lido

Em HTML (e XHTML, e nas aplica��es SGML e XML) determinados caracteres t�m um significado especial, como por exemplo, o sinal "menor que" <, que indica a abertura de uma tag. Se voc� pretende que caracteres como este sejam renderizados ou apresentados de uma forma qualquer, n�o pode simplesmente digit�-los no seu documento - sen�o, como um agente de usu�rio saberia a diferen�a entre b<a (significando b � menor do que a) e b<a (significando b seguido da tag de abertura do elemento �ncora)?

Alinhando imagens com a propriedade vertical-align

Recentemente algu�m me fez a seguinte pergunta:
Como alinhar uma pequena imagem inserida no texto de um par�grafo?
Resposta:
Considere o seguinte exemplo: um par�grafo cont�m uma linha de texto e uma pequena imagem representada pelo ret�ngulo azul na figura a seguir...

Hacks CSS

Resolver problemas criados por inconsist�ncias de renderiza��o em diferentes navegadores, muitas vezes, consome um grande tempo do desenvolvedor. Em algumas ocasi�es n�o � poss�vel alcan�ar consist�ncia para um determinado layout sem uso de regras excepcionais para servir determinadas engines de renderiza��o.

Informo que meu livro "Criando sites com HTML" j� se encontra � venda. Maiores informa��es no site do livro

WCAG Samurai

O WCAG Samurai � um grupo de desenvolvedores liderados por Joe Clark que prop�e uma lista de corre��es e extens�es para as Recomenda��es para Acessibilidade do Conte�do da Web 1.0

Livro HTML do Maujor

A Editora Novatec lan�ar� na segunda quinzena de julho o livro de minha autoria "Criando sites com HTML".
Estou convidando voc� para saber mais sobre �le visitando o Site do livro.

Leitores de tela e display:none

Jim Thatcher descobriu um comportamento interessante com respeito a maneira como um leitor de tela anuncia o conte�do de um link quando definimos para ele display: none. Normalmente os leitores de tela n�o anunciam conte�dos escondidos com a declara��o display: none com exce��o do elemento label usado para associar um r�tulo a um controle de formul�rio.

Posicionar o rodap� embaixo da janela

Quando a p�gina n�o preenche toda a altura da janela do navegador, pelo fato de que a quantidade de conte�dos n�o � extensa e consequentemente n�o havendo barra de rolagem vertical, a aplica��o das t�cnicas de posicionamento do rodap� faz com que apare�a um espa�o vago entre o limite inferior do rodap� e o limite inferior da janela do navegador.

Layout CSS passo a passo

Voc� sabe construir um layout CSS completo? Existe um m�todo que possa ser utilizado para constru��o de qualquer layout CSS?
Este artigo explica como construir um layout CSS a partir do zero. O m�todo de constru��o descrito se baseia no posicionamento de containers coloridos, foi testado em variedade consider�vel de navegadores e pode ser adaptado para construir layouts CSS em geral.