CSS est une technologie étonnante. Lorsque je l'ai utilisé pour la première fois, je pensais que c'était quelque chose dont je n'avais jamais rêvé. Avec l'introduction de CSS3, des technologies telles que les coins arrondis, les ombres, les rotations, etc. ont amené le CSS à des sommets sans précédent. Cependant, en ce qui concerne CSS, sommes-nous allés trop loin ? Cet article donne une autre réflexion sur certaines applications expérimentales de CSS du point de vue d'un concepteur Web.
Ces expériences avant-gardistes avec CSS
Chaque expérience utilise des méthodes différentes. Certaines d'entre elles, comme le dessin au trait CSS, peuvent trouver des applications pratiques dans la réalité. D'autres, comme le dessin Twitter Fail Whale implémenté par CSS, sont purement expérimentales. illustrer ce que CSS peut faire, cela ne veut pas dire que cela devrait être fait de cette façon.
soyons pratiques
L'image ci-dessus est un logo de réseau social implémenté en utilisant du CSS pur. C'est incroyable, n'est-ce pas ?
J'ai récemment lu l'article de Faruk Ateş, Pure CSS Icons: Make The Madness Stop, qui remettait en question cette approche. L'auteur a déclaré que certaines personnes avaient commencé à essayer d'utiliser CSS comme outil de conception et avaient rapidement déclenché un grand nombre d'imitateurs. L'approche est-elle accessible ? Ce n'est pas facile à intégrer dans votre conception et votre développement, ni à ajuster.
Tout comme le logo du réseau social ci-dessus, qui est entièrement basé sur CSS, ce n'est rien de plus qu'un ensemble de diverses combinaisons de lignes. C'est impressionnant et créatif, mais ce n'est pas pratique car la création d'un tel logo peut nécessiter plusieurs heures de travail. fonctionne, dessiner la même image dans Photoshop ne demande aucun effort et l'effet est meilleur (plus détaillé).
Ateş estime que la maintenabilité des icônes générées de cette manière pose également un problème. L'ajustement d'une icône ne nécessitait à l'origine que l'ajustement des pixels, mais il faut maintenant modifier la définition CSS. En même temps, Nicolas Gallagher, le concepteur de ce qui précède. Le logo CSS indique également que pour faire ce genre de chose, CSS n'est pas la meilleure solution.
Réduire les requêtes HTTP ?
Les icônes de l'image ci-dessus sont toutes générées avec CSS et l'auteur les vend au prix de 40 icônes pour 25 $. Je dois admettre que ces icônes sont très bien conçues. L'intention initiale de l'auteur en concevant ces CSS est de réduire le nombre de requêtes HTTP pour ces sites Web, car ces icônes ne nécessitent pas de requêtes de fichiers image supplémentaires. Cependant, la requête HTTP apportée par un petit fichier d'icônes mérite-t-elle vraiment d'être mentionnée ? De plus, grâce à la technologie CSS Sprite, ces icônes peuvent être placées dans la même image et affichées par positionnement CSS. De cette façon, une seule requête HTTP est nécessaire. demander suffit. De plus, je doute vraiment de la quantité de bande passante que ces versions CSS des icônes peuvent réduire.
Dans l'esprit de la sémantique
Je dois avouer que j'utilise parfois des balises supplémentaires comme DIV ou SPAN pour répondre à certains besoins visuels, ce qui est très peu sémantique. Cependant, le dessin CSS est encore moins sémantique. La véritable mission du CSS est de modifier le contenu de la page Web, et non de créer le contenu lui-même. Les graphiques des pages Web eux-mêmes appartiennent à la catégorie du contenu et ne doivent pas être créés avec CSS.
Source originale de cet article : blog.echoenduring.com Allons-nous trop loin dans le CSS ? (Auteur original : Matt Ward)
Source de l'extrait chinois : site Web officiel du système de gestion de contenu du site Web Ruishang Enterprise CMS