Uma demonstração do que pode ser realizado através do design baseado em CSS .
Selecione qualquer folha de estilo da lista para carregá-la nesta página.
Selecione qualquer folha de estilo da lista para carregá-la nesta página.
Baixe o ARQUIVO HTML DE exemplo e o ARQUIVO CSS
O CAMINHO PARA A ILUMINAÇÃO
Sujando uma estrada sombria e sombria, estavam as relíquias passadas de
tags específicas de navegador, DOMincompatíveis , suporte quebrado a CSS
e navegadores abandonados.
tags específicas de navegador, DOMincompatíveis , suporte quebrado a CSS
e navegadores abandonados.
Nós devemos limpar a mente do passado. O esclarecimento da Web foi
alcançado graças aos esforços incansáveis de pessoas
como o W3C , WASP e os principais criadores de navegadores.
alcançado graças aos esforços incansáveis de pessoas
como o W3C , WASP e os principais criadores de navegadores.
O CSS Zen Garden convida você a relaxar e meditar nas importantes
lições dos mestres. Comece a ver com clareza. Aprenda a usar as técnicas
consagradas pelo tempo de
maneira nova e revigorante. Torne-se um com a web.
lições dos mestres. Comece a ver com clareza. Aprenda a usar as técnicas
consagradas pelo tempo de
maneira nova e revigorante. Torne-se um com a web.
ENTÃO, O QUE É ISSO?
Há uma necessidade contínua de mostrar o poder do CSS . O Zen Garden
tem como objetivo
excitar, inspirar e incentivar a participação. Para começar, visualize
alguns dos designs
existentes na lista. Clicar em qualquer um carregará a folha de estilo nessa
mesma página. O HTML permanece o mesmo, a única coisa que mudou
é o arquivo CSS externo . Sim com certeza.
tem como objetivo
excitar, inspirar e incentivar a participação. Para começar, visualize
alguns dos designs
existentes na lista. Clicar em qualquer um carregará a folha de estilo nessa
mesma página. O HTML permanece o mesmo, a única coisa que mudou
é o arquivo CSS externo . Sim com certeza.
CSS permite controle total e completo sobre o estilo de um documento de
hipertexto. A única maneira de ilustrar isso de uma maneira que deixa
as pessoas empolgadas é demonstrando o que realmente pode ser,
uma vez que as rédeas são colocadas nas mãos daqueles capazes
de criar beleza a partir da estrutura. Designers e codificadores também
contribuíram para a beleza da web; podemos sempre forçar mais.
hipertexto. A única maneira de ilustrar isso de uma maneira que deixa
as pessoas empolgadas é demonstrando o que realmente pode ser,
uma vez que as rédeas são colocadas nas mãos daqueles capazes
de criar beleza a partir da estrutura. Designers e codificadores também
contribuíram para a beleza da web; podemos sempre forçar mais.
PARTICIPAÇÃO
O design visual forte sempre foi nosso foco. Você está modificando esta página,
portanto, habilidades fortes em CSStambém são necessárias, mas os arquivos
de exemplo são comentados bem o suficiente para que mesmo os iniciantes
em CSS possam usá-los como pontos de partida. Por favor, consulte
o Guia de Recursos CSS para obter tutoriais avançados e dicas sobre
como trabalhar com CSS .
portanto, habilidades fortes em CSStambém são necessárias, mas os arquivos
de exemplo são comentados bem o suficiente para que mesmo os iniciantes
em CSS possam usá-los como pontos de partida. Por favor, consulte
o Guia de Recursos CSS para obter tutoriais avançados e dicas sobre
como trabalhar com CSS .
Você pode modificar a folha de estilos da maneira que desejar, mas não
o HTML . Isso pode parecer assustador no começo, se você nunca trabalhou
dessa forma antes, mas siga os links listados para saber mais e use os
arquivos de exemplo como um guia.
o HTML . Isso pode parecer assustador no começo, se você nunca trabalhou
dessa forma antes, mas siga os links listados para saber mais e use os
arquivos de exemplo como um guia.
Faça o download do exemplo de HTML e CSS para trabalhar em uma
cópia localmente. Depois de ter concluído a sua obra-prima (e, por favor,
não envie o trabalho semi-acabado) carregar o seu arquivo CSS para
um servidor web sob seu controle. Envie-nos um link para um arquivo
desse arquivo e todos os recursos associados, e se optar por usá-lo,
faremos o download e colocaremos em nosso servidor.
cópia localmente. Depois de ter concluído a sua obra-prima (e, por favor,
não envie o trabalho semi-acabado) carregar o seu arquivo CSS para
um servidor web sob seu controle. Envie-nos um link para um arquivo
desse arquivo e todos os recursos associados, e se optar por usá-lo,
faremos o download e colocaremos em nosso servidor.
BENEFÍCIOS
Por que participar? Para reconhecimento, inspiração e um recurso,
podemos nos referir a mostrar às pessoas como o CSS realmente pode ser incrível .
Este site serve como inspiração de partes iguais para aqueles que
trabalham na web hoje, ferramenta de aprendizado para aqueles que
serão amanhã, e galeria de futuras técnicas que todos nós podemos esperar.
REQUISITOS
Sempre que possível, gostaríamos de ver principalmente o uso
de CSS 1 E 2 . O CSS 3 & 4 deve ser limitado apenas a elementos
amplamente suportados, ou devem ser fornecidos fortes substitutos.
O CSS Zen Garden é sobre CSSprático e prático e não os mais
recentes truques de última geração visíveis por 2% do público
de navegação. O único requisito real que temos é que seu
CSS SEJA validado.
Felizmente, projetar dessa forma mostra como vários
navegadores já implementaram CSS . Ao seguir as
diretrizes, você verá resultados bastante consistentes
na maioria dos navegadores modernos. Devido ao
grande número de agentes de usuários na Web atualmente,
especialmente quando você considera layouts de pixel
móvel perfeito, talvez não seja possível em todas as
plataformas. Tudo bem, mas teste em quantos você puder.
Seu design deve funcionar pelo menos no IE9 + e nos
navegadores Chrome, Firefox, iOS e Android mais recentes
(executados por mais de 90% da população).
Pedimos que você envie obras de arte originais.
Por favor, respeite as leis de direitos autorais.
Por favor, mantenha o material censurável ao mínimo e tente
incorporar temas visuais únicos e interessantes ao seu trabalho.
Estamos bem além do ponto de precisar de outro design
relacionado ao jardim.
Este é um exercício de aprendizagem, bem como uma
demonstração. Você mantém direitos autorais completos
sobre seus gráficos (com exceções limitadas, consulte
as diretrizes de envio ), mas pedimos que você libere
seu CSSsob uma licença Creative Commons idêntica
àquela neste site para que outras pessoas possam
aprender com seu trabalho.
podemos nos referir a mostrar às pessoas como o CSS realmente pode ser incrível .
Este site serve como inspiração de partes iguais para aqueles que
trabalham na web hoje, ferramenta de aprendizado para aqueles que
serão amanhã, e galeria de futuras técnicas que todos nós podemos esperar.
REQUISITOS
Sempre que possível, gostaríamos de ver principalmente o uso
de CSS 1 E 2 . O CSS 3 & 4 deve ser limitado apenas a elementos
amplamente suportados, ou devem ser fornecidos fortes substitutos.
O CSS Zen Garden é sobre CSSprático e prático e não os mais
recentes truques de última geração visíveis por 2% do público
de navegação. O único requisito real que temos é que seu
CSS SEJA validado.
Felizmente, projetar dessa forma mostra como vários
navegadores já implementaram CSS . Ao seguir as
diretrizes, você verá resultados bastante consistentes
na maioria dos navegadores modernos. Devido ao
grande número de agentes de usuários na Web atualmente,
especialmente quando você considera layouts de pixel
móvel perfeito, talvez não seja possível em todas as
plataformas. Tudo bem, mas teste em quantos você puder.
Seu design deve funcionar pelo menos no IE9 + e nos
navegadores Chrome, Firefox, iOS e Android mais recentes
(executados por mais de 90% da população).
Pedimos que você envie obras de arte originais.
Por favor, respeite as leis de direitos autorais.
Por favor, mantenha o material censurável ao mínimo e tente
incorporar temas visuais únicos e interessantes ao seu trabalho.
Estamos bem além do ponto de precisar de outro design
relacionado ao jardim.
Este é um exercício de aprendizagem, bem como uma
demonstração. Você mantém direitos autorais completos
sobre seus gráficos (com exceções limitadas, consulte
as diretrizes de envio ), mas pedimos que você libere
seu CSSsob uma licença Creative Commons idêntica
àquela neste site para que outras pessoas possam
aprender com seu trabalho.
Nenhum comentário:
Postar um comentário