CSS é uma tecnologia incrível Quando o usei pela primeira vez, pensei que era algo com que nunca havia sonhado. Com a introdução do CSS3, tecnologias como cantos arredondados, sombras, rotações, etc. levaram o CSS a níveis sem precedentes. No entanto, em relação ao CSS, fomos longe demais? Este artigo oferece outra reflexão sobre algumas aplicações experimentais de CSS da perspectiva de um Web designer.
Esses experimentos avançados com CSS
Cada experimento usa métodos diferentes. Alguns deles, como o desenho de linha CSS, podem encontrar aplicações práticas na realidade. Outros, como o desenho Twitter Fail Whale implementado por CSS, são puramente experimentais. ilustrar o que o CSS pode fazer, isso não significa que deva ser feito dessa maneira.
vamos ser práticos
A imagem acima é um logotipo de rede social implementado usando CSS puro. É incrível, não é?
Li recentemente o artigo de Faruk Ateş, Pure CSS Icons: Make The Madness Stop, que questionou essa abordagem. O autor disse que algumas pessoas começaram a tentar usar CSS como ferramenta de design e rapidamente acionaram um grande número de imitadores. acessível é a abordagem? Não é fácil integrá-lo ao seu design e desenvolvimento, nem é fácil ajustá-lo.
Assim como o logotipo da rede social acima, que é totalmente baseado em CSS, nada mais é do que um monte de várias combinações de linhas. É impressionante e criativo, mas não é prático porque a criação de tal logotipo pode exigir várias horas de trabalho duro. trabalho, desenhar a mesma imagem no Photoshop não exige nenhum esforço e o efeito é melhor (mais detalhado).
Ateş acredita que a manutenção dos ícones gerados desta forma também é um problema. O ajuste de um ícone originalmente exigia apenas o ajuste de pixels, mas agora é necessário modificar a definição de CSS. Ao mesmo tempo, Nicolas Gallagher, o designer do acima mencionado. Logotipo CSS, também disse que para fazer esse tipo de coisa, CSS não é a melhor opção.
Reduzir solicitações HTTP?
Os ícones da imagem acima são todos gerados com CSS, e o autor os vende, vendendo 40 ícones por US$ 25. Devo admitir que esses ícones são muito bem projetados. A intenção original do autor ao projetar esses CSS é reduzir o número de solicitações HTTP para esses sites, porque esses ícones não exigem solicitações adicionais de arquivos de imagem. Porém, vale a pena mencionar a solicitação HTTP trazida por um pequeno arquivo de ícone. Além disso, usando a tecnologia CSS Sprite, esses ícones podem ser colocados na mesma imagem e exibidos pelo posicionamento CSS. perguntar é o suficiente. Além disso, eu realmente duvido quanta largura de banda essas versões CSS dos ícones podem reduzir.
No espírito da semântica
Devo admitir que às vezes uso tags adicionais como DIV ou SPAN para atender a certas necessidades visuais, o que é pouco semântico. No entanto, o desenho CSS é ainda menos semântico. A verdadeira missão do CSS é modificar o conteúdo da página web, não criar o conteúdo em si. Os próprios gráficos nas páginas da web pertencem à categoria de conteúdo e não devem ser criados com CSS.
Fonte original deste artigo: blog.echoenduring.com Estamos levando o CSS longe demais? (Autor original: Matt Ward)
Fonte do trecho chinês: site oficial do sistema de gerenciamento de conteúdo do site Ruishang Enterprise CMS