Nicht Ihr Standard-CSS: Mit Adobe die Grenzen verschieben
Experimentieren Sie mit modernstem Webdesign, fühlen sich aber durch die formalen technischen Spezifikationen des W3C in Konflikt geraten?
Haben Sie Zweifel an der Anwendung Ihrer avantgardistischen Ideen, während Sie Cross-Browser-Unterstützung und Meeting-Standards erhalten?
Nun die Adobe Webplattform-Team ist bereit, Sie sonst zu überzeugen ...
Wenn Sie ihre jüngsten Arbeiten verfolgt haben, wissen Sie bereits, wie einige der innovativsten Köpfe der Branche sind die Ränder des Internets drücken um es zu einem besseren Ort zu machen. Was Sie vielleicht nicht wissen, ist der Einfluss, den sie auch auf die Standards von HTML- und CSS-Communities haben.
Das Adobe Web Platform Team arbeitet mit anderen wichtigen Anbietern wie Microsoft, Google und Mozilla zusammen und treibt die CSS-Standards an mehreren Fronten voran, indem es sich an Webstandards-Gruppen, Browser-Anbietern, Open-Source-Projektmitarbeitern und Inhaltsentwicklern beteiligt. Sie waren aktiv mit dem W3C beschäftigt und haben mehrere Vorschläge gemacht, einschließlich CSS-Regionen, CSS-Formen und CSS-Maskierung, während sie Implementierungen dieser Vorschläge zu WebKit, Blink, Gecko und Internet Explorer beitrugen.
CSS-Regionen
Vor kurzem, CSS-Regionen , der die Lücke zwischen Print und Digital Publishing schließt, machte es zum jüngsten Offiziellen iOS7 Mobile Safari Release (zusammen mit Canvas Blend-Modi, Canvas-Pfaden und CSS-Clip-Pfaden). Entwickler können diese Funktion jetzt auf Websites und Webapps verwenden, die auf diese Geräte ausgerichtet sind. Die Android-Unterstützung wird voraussichtlich bald folgen. Darüber hinaus arbeitet CSS Regions mit Chrome, Webkit, einer Opera-Version, die das verwendet Blinken Engine, und es gibt eine teilweise Implementierung für IE10, die eine ältere Version der CSS-Bereichsspezifikation verwendet.
Mit CSS-Regionen können Sie steuern, wo Inhalte auf Ihrer Seite angezeigt werden und was passiert, wenn Inhalte nicht in den Container passen. Es ermöglicht Designern, den Fluss von Inhalten zu bestimmen, wo immer wir wollen und in jede gewünschte Form oder Größe. Und weil die Trennung von semantischem Markup und Layout-Markup erreicht wird, können CSS-Regionen verwendet werden, um unseren Inhalt in etwas einzufügen, das einer Vorlage ähnelt. Dies ist ideal für Zeitschriftenlayouts oder strategisch faltbarer Inhalt wie Werbung, in responsiven Designs.
CSS-Formen
Ein weiterer Bereich, in dem Adobe laut Adobe Web Platform Engineer die Entwicklung intensiviert, Razvan Caliman , ist mit CSS-Formen , immer noch unter einer chrome: // Flagge . Dies ist nicht zu verwechseln mit Formen, die einfach durch die Anwendung von CSS-Eigenschaften wie Border-Radius oder Box-Shadow erreicht werden Die Formen von CSS . Solche Beispiele bieten nur die Illusion einer Form, die sich nicht auf das tatsächliche Layout des Inhalts auf der Seite auswirkt. CSS Shapes verbessert das visuelle Storytelling-Erlebnis buchstäblich, indem es dem Designer ermöglicht, Inhalte mit wenigen einfachen CSS-Eigenschaften um oder in Formen zu bringen.
Wenn Sie es noch nicht gesehen haben, ist Razvan Caliman Alice im Wunderland-Präsentation bei CSSconf.eu wird dich umhauen.
CSS-Maskierung
Fast verloren im Hype von CSS-Regionen ist CSS-Clipping und CSS-Maskierung , die Sie zweifellos begeistern wird. Diese Techniken machen jetzt im Browser möglich, was früher nur mit Bildbearbeitungssoftware erreichbar war. Fangen Sie mit einem einfachen linearen Farbverlauf in Kombination mit CSS Masking erstaunlich einfache visuelle Effekte.
Zusammenfassung
Es ist wirklich eine erstaunliche Ära des Webdesigns. Mit Entwicklern in der gesamten Branche, die ständig darum bemüht sind, den Umschlag zu pushen, sind dies wirklich aufregende Zeiten.
Wenn diese Art von Verbesserungen Sie anheizen, dann sollten Sie auf jeden Fall auf die Nachrichten von dieser Woche achten HTML5-Entwicklerkonferenz Dort werden das Adobe Web Platform Team und viele andere vor Ort sein, um uns zu zeigen, wie sie das Webdesign, wie wir es kennen, neu erfinden.
Sollten Unternehmen Einfluss auf Webstandards nehmen dürfen? Über welche Adobe-Innovationen freuen Sie sich am meisten? Lass uns deine Gedanken in den Kommentaren wissen.