CSS ist eine erstaunliche Technologie, als ich sie zum ersten Mal verwendete. Mit der Einführung von CSS3 haben Technologien wie abgerundete Ecken, Schatten, Drehungen usw. CSS auf ein beispielloses Niveau gebracht. Sind wir jedoch in Bezug auf CSS zu weit gegangen? Dieser Artikel befasst sich noch einmal mit einigen experimentellen Anwendungen von CSS aus der Sicht eines Webdesigners.
Diese avantgardistischen Experimente mit CSS
Jedes Experiment verwendet unterschiedliche Methoden, wie zum Beispiel die CSS-Strichzeichnung, andere, wie die von CSS implementierte Twitter-Fail-Wal-Zeichnung, sind rein experimentell Um zu veranschaulichen, was CSS leisten kann, heißt das nicht, dass es auch so gemacht werden sollte.
Seien wir praktisch
Das Bild oben ist ein Social-Media-Netzwerk-Logo, das mit reinem CSS implementiert wurde. Es ist erstaunlich, nicht wahr?
Ich habe kürzlich den Artikel „Pure CSS Icons: Make The Madness Stop“ von Faruk Ateş gelesen, in dem er diesen Ansatz in Frage stellte zugänglich ist der Ansatz? Es ist weder einfach, es in Ihr Design und Ihre Entwicklung zu integrieren, noch ist es einfach, es anzupassen.
Genau wie das Logo des sozialen Netzwerks oben, das vollständig auf CSS basiert, ist es nichts weiter als eine Ansammlung verschiedener Linienkombinationen. Es ist beeindruckend und kreativ, aber es ist nicht praktikabel, da die Erstellung eines solchen Logos mehrere Stunden harter Arbeit erfordern kann Wenn es funktioniert, ist das Zeichnen desselben Bildes in Photoshop überhaupt kein Aufwand und der Effekt ist besser (detaillierter).
Ateş ist der Ansicht, dass die Wartbarkeit der auf diese Weise generierten Symbole ebenfalls ein Problem darstellt. Das Anpassen eines Symbols erforderte ursprünglich nur das Anpassen von Pixeln. Jetzt muss jedoch die CSS-Definition geändert werden. Nicolas Gallagher, der oben genannte Designer CSS-Logo, sagte auch, dass CSS für diese Art von Sache nicht die beste Lösung sei.
HTTP-Anfragen reduzieren?
Die Symbole im Bild oben werden alle mit CSS generiert und der Autor verkauft sie, wobei 40 Symbole für 25 US-Dollar verkauft werden. Ich muss zugeben, dass diese Symbole sehr schön gestaltet sind. Die ursprüngliche Absicht des Autors bei der Gestaltung dieser CSS besteht darin, die Anzahl der HTTP-Anfragen für diese Websites zu reduzieren, da diese Symbole keine zusätzlichen Bilddateianforderungen erfordern. Ist die HTTP-Anfrage einer kleinen Symboldatei jedoch wirklich erwähnenswert? Darüber hinaus können diese Symbole mithilfe der CSS-Sprite-Technologie im selben Bild platziert und durch CSS-Positionierung angezeigt werden Fragen genügt. Darüber hinaus bezweifle ich wirklich, wie viel Bandbreite diese CSS-Versionen der Symbole reduzieren können.
Ganz im Sinne der Semantik
Ich muss zugeben, dass ich manchmal zusätzliche Tags wie DIV oder SPAN verwende, um bestimmte visuelle Anforderungen zu erfüllen, was sehr unsemantisch ist. Allerdings ist das CSS-Zeichnen noch weniger semantisch. Die eigentliche Aufgabe von CSS besteht darin, den Inhalt der Webseite zu ändern, und nicht darin, den Inhalt selbst zu erstellen. Grafiken in Webseiten selbst gehören zur Kategorie der Inhalte und sollten nicht mit CSS erstellt werden.
Originalquelle dieses Artikels: blog.echoenduring.com Gehen wir mit CSS zu weit? (Originalautor: Matt Ward)
Quelle des chinesischen Auszugs: Offizielle Website des Ruishang Enterprise CMS-Website-Content-Management-Systems