Wenn der jüngste Flat-Design-Trend etwas gezeigt hat, dann ist es, wie unglaublich eingeschränkt Webdesigner sind, wenn es um die Gestaltung geht. Da wir uns nun nicht mehr von Abschrägungen, Farbverläufen und Glanz ablenken lassen, ist es klar, dass Webdesigner eine Struktur haben, auf der sie ihre Designs aufbauen können: Rechtecke.
Natürlich gibt es so viele Möglichkeiten, Rechteckgruppen zusammenzustellen, wie es Pixel auf einem Bildschirm gibt, aber wenn man die Anforderungen an die Schriftart und die Notwendigkeit, für unterschiedliche Auflösungen zu entwerfen, berücksichtigt, erscheinen die Layoutoptionen deutlich eingeschränkt.
Wir alle wissen, dass nicht alle Ecken rechte Winkel sind; Wir alle wissen, dass Linien nicht immer gerade sind. Tatsächlich sind einige der aufregendsten Designs des letzten Jahrhunderts aus dem Raster ausgebrochen und haben sich in Bögen und Winkeln entwickelt, was für Spannung, Dramatik und Aufregung sorgt. Beim Druckdesign ist das ganz einfach: Öffnen Sie ein Dokument in InDesign und wählen Sie es aus Ellipsenwerkzeug und zeichne einen Kreis auf der Bühne, wähle den aus Geben Sie ein Werkzeug ein Klicken Sie auf den Kreis und fügen Sie nun Ihren Text ein. Versuchen Sie jetzt dasselbe in CSS. Machen Sie weiter, ich mache einen Kaffee, während ich warte …
Natürlich gibt es viele Möglichkeiten, einen Kreis auf einer Webseite zu zeichnen, aber wenn Sie Text um eine Seite herum schweben lassen, werden Sie feststellen, dass es sich nicht wirklich um einen Kreis handelt. sein Begrenzungsrahmen ist immer noch rechteckig. Die einzige Möglichkeit, Text zu erstellen, der an einer Kurve entlang schwebt, besteht darin, am Anfang jeder Zeile Leerzeichen und am Ende Zeilenumbrüche einzufügen, wodurch der Text künstlich eingerückt wird. etwas, das die Zugänglichkeit ruiniert.
Um das Problem anzugehen, entwickelt das W3C CSS-Shapes. Am 20. Juni wurde ihr erster öffentlicher Arbeitsentwurf veröffentlicht. CSS-Formenmodul Level 1, Einzelheiten zur Verwendung nicht rechteckiger Formen in Bezug auf das Boxmodell und das Float-Verhalten. Die derzeit in Arbeit befindlichen vorgeschlagenen Ergänzungen zu CSS umfassen die Formen Rechteck, eingefügtes Rechteck, Kreis, Ellipse und Polygon.
In der ersten Implementierung können wir nur um Formen schweben. Dazu verwenden wir die Eigenschaft „shape-outside“ wie folgt:
Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Es liegt an Lobortis, eine Konsektion durchzuführen. Fusce dapibus, sag uns, dass es ein Kommandeur ist, der Tortor Mauris Condimentum Nibh, aber das Fermentum Massa Justo Sit Amet Risus.
