:: Site sobre CSS e Web Standards ::

Novidades no Site

Módulo Template Layout das CSS3

11 de maio de 2009
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. Ler o tutorial »

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.