Ikke din standard CSS: Skubning af grænser med Adobe
Er du glad i at eksperimentere med avanceret webdesign, men føler dig i konflikt med de formelle tekniske specifikationer, som W3C fremsætter?
Har du tvivl om at anvende dine avant-garde ideer, mens du opnår cross browser support og møde standarder?
Nå det Adobe Web Platform Team er klar til at overbevise dig ellers ...
Hvis du har fulgt deres seneste arbejde, er du allerede klar over, hvordan nogle af branchens mest innovative sind er skubber kanterne af internettet at gøre det til et bedre sted. Hvad du måske ikke er klar over, er den effekt, de også har på standarderne for HTML og CSS-fællesskaber.
Partnering med andre store spillere som Microsoft, Google og Mozilla presser Adobe Web Platform Team CSS-standarder på flere fronter ved at deltage i webstandardgrupper, browser-leverandører, open source-projektansvarlige og indholdsskabere. De har været aktivt engageret i W3C og har lavet flere forslag, herunder CSS Regions, CSS Shapes og CSS Masking, samtidig med at de bidrager implementeringer af de nævnte forslag til WebKit, Blink, Gecko og Internet Explorer.
CSS-regioner
For nylig, CSS-regioner , der broer kløften mellem print og digital udgivelse, gjorde det til den seneste officielle iOS7 Mobile Safari frigivelse (sammen med Canvas Blend Modes, Canvas Stier og CSS Clip Stier). Udviklere kan nu bruge denne funktion på websteder og webapps rettet mod disse enheder, med Android-support, der forventes at følge snart. Derudover arbejder CSS-regioner på Chrome, Webkit, en Opera-version, der bruger Blinke motor, og der er delvis implementering til IE10 ved hjælp af en ældre version af CSS Regions spec.
CSS-regioner giver dig mulighed for at kontrollere, hvor indhold vises på din side, og hvad sker der, når indholdet ikke passer ind i sin container. Det gør det muligt for designere at diktere strømmen af indhold, uanset hvor vi vil, og til enhver ønsket form eller størrelse. Og fordi det opnår adskillelse af semantisk markering fra layoutmarkup, kan vi bruge CSS-regioner til at injicere vores indhold i noget, der ligner en skabelon. Dette er fantastisk til magasin stil layout eller strategisk foldning indhold , såsom reklame, i responsive designs.
CSS figurer
Et andet område, hvor Adobe udvikler udvikling, ifølge Adobe Web Platform Engineer, Razvan Caliman , er med CSS figurer , stadig under et krom: // flag . Dette skal ikke forveksles med former, der simpelthen opnås ved anvendelse af CSS-egenskaber som grænseradius eller bokseskygge som set i Formen af CSS . Sådanne eksempler giver kun illusionen af en form uden nogen indflydelse på indholdets faktiske layout på siden. CSS Shapes forbedrer bogstaveligt vis den visuelle historiefortællingserfaring ved at bemyndige designeren til at indhente indhold rundt eller inden for former med blot nogle få enkle CSS-egenskaber.
Hvis du ikke allerede har set det, er Razvan Calimans Alice in Wonderland præsentation på CSSconf.eu vil helt sikkert blæse dig.
CSS Masking
Næsten tabt i hype af CSS-regioner er CSS Clipping og CSS Masking , som uden tvivl vil inspirere dig. Disse teknikker gør det nu muligt i browseren, hvad der kun var opnået med billedredigeringssoftware. Fang nogle fantastiske simpel visuelle effekter ved hjælp af en grundlæggende lineær gradient kombineret med CSS Masking.
Resumé
Det er virkelig en fantastisk æra af webdesign. Med udviklere hele hele branchen forsøger at skubbe omslutningen, er disse virkelig spændende tider.
Hvis disse slags fremskridt brænder dig op, så vil du helt sikkert gerne være opmærksom på nyhederne fra denne uges HTML5 Developers Conference hvor Adobe Web Platform Team og mange andre vil være til stede for at vise os, hvordan de genopfinder webdesign som vi kender det.
Skal virksomheder have lov til at påvirke webstandarder? Hvilke Adobe-innovationer er du mest begejstret for? Lad os vide dine tanker i kommentarerne.