:: Site sobre CSS e Web Standards ::

Novidades no Site

Ampersands, PHP Sessions e HTML válido

15 de novembro de 2008
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)? Ler a matéria

O que é CSS ? e Web Standards ?

CSS é a sigla em inglês para Cascading Style Sheet que em português foi traduzido para folha de estilo em cascata e é definida como:

Folha de estilo em cascata é um mecanismo simples para adicionar estilos (p.ex., fontes, cores, espaçamentos) aos documentos Web.

Web Standards pode ser traduzido como Padrões Web e tem por objetivo a criação de uma Web universal.

Web Standards é um conjunto de normas, diretrizes, recomendações, notas, artigos, tutoriais e afins de caráter técnico, produzidos pelo W3C e destinados a orientar fabricantes, desenvolvedores e projetistas para o uso de práticas que possibilitem a criação de uma Web acessível a todos, independentemente dos dispositivos usados ou de suas necessidades especiais.

Objetivos e conteúdo do site

O site tem como objetivo a divulgação das Web Standards com foco principal nas CSS, na acessibilidade, nas boas práticas de desenvolvimento Web e em traduções de documentos do W3C e de matérias de autores consagrados.

Por que CSS ?

A grande vantagem do uso de CSS é a de separar a marcação HTML, da apresentação do site. Em outras palavras, vale dizer que o HTML destina-se unicamente a estruturar e marcar o conteúdo, ficando por conta das CSS toda a responsabilidade pelo visual do documento.

HTML marca e estrutura textos, cabeçalhos, parágrafos, links, botões, formulários, imagens e demais elementos da página e CSS define cores, posicionamento na tela, estilos de linhas, bordas e tudo o mais relacionado à apresentação.

A adoção desta técnica resulta em múltiplas vantagens e benefícios que não são conseguidos quando se utiliza o conceito largamente empregado para construção de web sites, baseado no uso de tabelas e de atributos de estilização dentro das tags HTML.

Projetar um site navegável tanto em monitor de 1280x1024 quanto em uma telinha de 320x240 de um PDA, com utilização da mesma marcação é fantástico e possível. Basta projetar de acordo com as Web Standards entregando às CSS a missão de acomodar o conteúdo na tela!

Algumas restrições (à época deste escrito - 2003) ainda freiam o uso pleno geral e irrestrito de CSS na Web. As restrições são por conta da incapacidade de alguns browsers em dar suporte total às CSS. Com o passar do tempo a tendência é a de cair em desuso total os browsers antigos que não suportam ou mesmo suportam parcialmente CSS. Soma-se a favor das CSS a normatização que o W3C vem implementando sobre o assunto e o desejo dos fabricantes de se adequar àquelas normas. É uma questão de tempo!

Quem criou e mantém o site ?

Meu nome é Maurício Samy Silva e resido em Copacabana no Rio de Janeiro. Criei o site em agosto de 2003. Mantenho o site sozinho, motivado pelo amor ao ensino. Criei uma área de parcerias para viabilizar a continuidade do meu trabalho. Exerci o magistério paralelamente a minha carreira profissional por toda uma vida e ao longo destes trinta anos aprendi tanto quanto ensinei. Sou um apaixonado por minha família, netos e pelo CSS para Web Design.

As traduções que faço, de normas e artigos, destinam-se a possibilitar acesso a documentação técnica àqueles que tem dificuldades com o inglês.
Um trabalho desta envergadura desenvolvido por um só, sem uma equipe para revisões e críticas, fatalmente está sujeito a erros. Assim, sinta-se a vontade para apontar qualquer incorreção encontrada (Contato), por menor que seja, como por exemplo uma letra repetida ou trocada em um texto.

O poder das CSS

Para ter uma idéia do poder das CSS no controle do layout de uma página web, recomendo visitar o Zen-Garden.

Lá você faz o download de uma marcação HTML padrão que não pode ser alterada e cria a sua Folha de Estilo em Cascata para definir seu próprio layout, cores, imagens, enfim toda a parte visual aplicável na codificaçao padrão fornecida.

Visite o site e navegue por alguns trabalhos em exposição. Garanto que você vai se surpreender!

O Zen-Garden do maujor Desativado em 2006-01-12 — Reativado em 2006-12-31

Reativei o desafio e aproveitei para redesenhar o tema padrão, e agora você poderá participar do Zen-Garden do Maujor. Aguardo seu tema.

Para fins históricos e de consulta mantenho o layout original do tema padrão (não use o html deste layout para seu tema) com seus links inertes. Baixar o html atual para participar.

Material contido no site

Este site inspira-se em material e idéias extraidas de livros e da web, com adaptações e traduções por mim feitas. Assim, os códigos e idéias gerais nem sempre foram integralmente por mim criados. Não é sensato “reinventar a roda”, mas considero insensato e deselegante apropriar-se de criações alheias e colocá-las como suas.

Procuro, quando é o caso, citar as fontes onde me inspirei para escrever as matérias. Caso você encontre no site qualquer informação para a qual deixei de citar o devido crédito, por favor, entre em (Contato), para citarmos a fonte ou retirar se for o caso.