Primeiras notas sobre CSS.
Era uma manhã de terça-feira, 7 de maio, quando eu estava sentado em uma sala de conferências Ambroise CNIT em Paris, França, e meus pensamentos atingiram uma promissora tecnologia da web chamada «Cascading Style Sheets», 25 anos atrás.
Naquela época, eu trabalhava por pouco mais de dois anos como webmaster na Case Western Reserve University e, embora soubesse sobre layout usando tabelas, não queria usar essa abordagem para o site do campus principal. Todos esses sinais pareciam ... errados. Mesmo assim, não tive opções para abandonar o método de layout tabular. Eu esperava algo melhor, mas cada vez mais duvidava de quanto mais poderia esperar.
Eric Meyer
Tendo convencido com sucesso a universidade para pagar a minha viagem a Paris para participar WWW5 , em parte devido à publicação sendo aceitos para apresentação, eu estava sentado no no W3C, exemplos de serra de CSS trabalhando no navegador, e isso só me pareceu ... correto. Quando vi uma palavra assumir uma cor azul profundo e um tamanho de 100 pontos com um elemento e algumas regras simples, fiquei fascinado. Ainda me lembro da excitação que dominou minha cabeça quando senti que estava vendo uma mudança real na força da rede, um grande salto à frente e exatamente o que eu esperava.
Olhando minhas anotações manuscritas (laptops eram pesadas, volumosas, baterias de baixa capacidade e caras naquela época, então eu não as levei comigo) em conferências que ainda faço, encontro muitas coisas que me interessam. HTTP 1.1 e HTML 3.2 foram anunciados, ou pelo menos explicados em detalhes nesta conferência. Tomei algumas notas sobre o novo elemento <OBJECT> e escreveu “CENTER é no !” Que eu pensei que era uma expressão de entusiasmo. Oh, ser tão jovem e estúpido de novo.
Existem outros boatos também: a afirmação de que "os padrões seguirão a inovação" - o que eu acho que realmente só aconteceu na última década ou mais - e que "Math mudou para ActiveMath", o último dos quais eu admito, estou não apenas esqueci, mas simplesmente não consigo me lembrar.
Minhas primeiras impressões de CSS, incompreensivelmente divididas em duas páginas.
Mas eu gravei que o CSS tem cerca de 35 propriedades e que você pode vinculá-lo à marcação usando <LINK REL = STYLESHEET>, <STYLE>… </STYLE> ou <H1 STYLE = "…">. A pergunta está escrita aqui - "Plano de fundo gradiente?" - que não consigo mais lembrar se foi um bilhete para eu verificar mais tarde, ou algo que foi visto como uma oportunidade durante a conversa. Eu fiz anotações sobre planos de fundo de imagens, espaçamento de texto, preenchimento (que consegui soletrar incorretamente) e muito mais.
Sem o meu conhecimento na época, CSS ainda era inútil. As implementações apareceram, é claro, mas as demos que vi foram escolhidas de forma muito restrita e o suporte ao navegador era mínimo, para não mencionar totalmente inconsistente. Não descobri nada disso até chegar em casa e começar a fazer experiências com o idioma. Com uma cópia impressa da especificação CSS1 ao meu lado, continuei tentando coisas que pareciam funcionar, mas não funcionaram. Não importava se eu usasse o gigante de mercado dominante, que era o Netscape Navigator, ou a colcha de retalhos, um pequeno Internet Explorer: muito pouco parecia se adequar às especificações e quase nada funcionava de forma consistente em todos os navegadores.
Então comecei a criar pequenas páginas de teste, abordando uma propriedade por página, com um teste para cada valor (ou tipo de valor), cada um dos quais é uma declaração simples do que deve ser exibido junto com uma cópia do CSS usado na página. Com o tempo, minha tendência para a conclusão me fez expandir esse pequeno conjunto de testes para cobrir tudo no CSS1, e o perfeccionista em mim fez um esforço para tornar a navegação mais fácil. Dessa forma, quando uma nova versão do navegador fosse lançada, eu poderia executá-la em todo o conjunto de testes, ver o que mudou e marcá-lo.
Eventualmente, esses testes evoluíram para o CSS1 Test Suite.e a aparência hoje é praticamente a mesma de como eu o fiz. Alguns testes foram expandidos, revisados e adicionados, e no final tudo foi agrupado em uma estrutura de teste básica que eu acho que outra pessoa escreveu, mas a maioria dos testes - e o design visual geral - eram meu trabalho, insensível ao daltonismo e todo mundo. Esses testes basicamente me trouxeram para o grupo de trabalho como um especialista convidado no tempo deles.
No entanto, antes que isso acontecesse, com todos esses testes, fui capaz de compilar as informações CSS do suporte do navegador em uma grande tabela codificada por cores que postei no site do CWRU (lembre-se, eu era um webmaster) e a disponibilizei para todos. Os dados de suporte foram armazenados em um grande banco de dados FileMaker Pro com campos suspensos personalizados para inserir valores S / N / P / B e muitos campos para inserir snippets de modelo para que eu possa exportar para HTML. Este gráfico de suporte acabou chegando à versão posterior do Web Review, onde ficou conhecido como "Mastergrid" - um termo que acho engraçado em retrospecto porque o layout da grade ainda estava duas décadas no futuro e era simples de qualquer maneira grande e tabela de dados altamente estilizada. Porque eu não me importava com tabelas para dados tabulares. Só não gostei da ideia de usá-los exclusivamente para layout.
Você pode ver uma das versões posteriores da Mastergrid na Wayback Machine, com sua marcação fortemente classificada, mas ainda assim encantadoramente estranha. Meu trabalho de apoio à Mastergrid e os artigos que escrevi para a Web Review me levaram ao meu primeiro livro para a O'Reilly (atualmente na quarta edição ), o que me levou a ser solicitado a escrever outros livros e falar em conferências . O que levou à minha decisão de se tornar um co-fundador da conferência ... e outros enfeites.
E tudo começou há 25 anos, no mês de maio, em uma sala de conferências em Paris em 7 de maio de 1996. Foi uma jornada. Agora, na segunda metade da minha vida, fico imaginando como será o CSS e como será a própria Internet em 25 anos.