Adobe will zu CSS3 beitragen: Entwürfe für CSS Regions und CSS Exclusion bei der W3C eingereichts

Adobe – im Webumfeld ja oft mit Flash in Verbindung gebracht – wirkt wie viele andere Firmen auch am neuen CSS3 Standard mit. Unter Anderem hat Adobe einen Entwurf für ihre hauseigene Technik der CSS-Regions bei der W3C eingereicht. Hiermit soll es möglich werden, einzelne HTML5-Elemente miteinander zu verknüpfen und somit eine Dokumentenstruktur zu schaffen, die verknüpften Textfeldern aus InDesign, Pages oder Word ähnelt.

Angenommen eine HTML5-Section wird mit einer zweiten per CSS-Regions verknüpft und anschließend mit Text gefüllt. Füllt der Text mehr als die erste Section so würde der Fall “overflow” eintreten, dessen Verhalten man bisher mit CSS definieren konnte – entweder der Text wurde abgeschnitten, lieft über die Textbox hinaus oder die Box wurde scrollbar gemacht. Durch die Verknüpfung mit einer zweiten Section bricht der Text nun in diese zweite Box um und wird in dieser fortgesetzt. Somit lassen sich sehr einfach mehrspaltige Layouts realisieren.

wrap Adobe will zu CSS3 beitragen: Entwürfe für CSS Regions und CSS Exclusion bei der W3C eingereichts

Umbruch in neue Textbox mit CSS-Regions

Als weiteren Schritt legte Adobe einen weiteren Entwurf vor, der sich CSS-Exclusions nennt und bei dem sich die Form von CSS-Regions per Form definieren lassen. Der Text kann damit aus dem Raster der viereckigen Boxen ausbrechen und auch Formen wie einen Kreis oder ein Herz annehmen. Auch Negativ-Formen sollen damit möglich werden.

form1 Adobe will zu CSS3 beitragen: Entwürfe für CSS Regions und CSS Exclusion bei der W3C eingereichts

Geformter Text mir CSS-Regions

form2 Adobe will zu CSS3 beitragen: Entwürfe für CSS Regions und CSS Exclusion bei der W3C eingereichts

Negativformen mit CSS-Regions

Der Entwurf für CSS3-Regions und Exclusions wurde der W3C von Adobe vorgelegt und prototypisch in die Browserengine WebKit, die unter anderem von Chrome und Safari benutzt wird, integriert. Den Prototypen kann man sich zu Testzwecken in den Adobe Labs herunterladen.

Links


wallpaper-1019588
Schweinesud mit Ei und Zwiebel
wallpaper-1019588
Bretzelbällchen mit Sesam mit Guacamole
wallpaper-1019588
Knurrhahn mit Kohlrabi
wallpaper-1019588
Das Maifeld Derby gibt erste Bandwelle mit The Streets bekannt
wallpaper-1019588
Figub Brazlevic x Klaus Layer veröffentlichen “Slice of Paradise” auf Vinyl • full Album-Stream
wallpaper-1019588
[Gemeinsam Lesen] #80: Mel - Wächter der Dämonen
wallpaper-1019588
Der stille Mond: Boys Love Manga erscheint bei altraverse
wallpaper-1019588
Die Top 10 der verrücktesten „Yandere“-Girls