Inte din standard CSS: Skärpa gränserna med Adobe
Uppmuntrar du i att experimentera med avancerad webbdesign, men känner sig i konflikt med de formella tekniska specifikationerna som framgår av W3C?
Tvivlar du på att tillämpa dina avantgarde-idéer samtidigt som du uppnår cross-browser support och mötesstandarder?
Tja Adobe Web Platform Team är redo att övertyga dig annars ...
Om du har följt sitt senaste arbete är du redan medveten om hur några av branschens mest innovativa sinnen är trycka kanterna på Internet för att göra det till en bättre plats. Vad du kanske inte inser är den inverkan de också har på normerna för HTML och CSS-samhällen också.
Partnerskap med andra stora aktörer som Microsoft, Google och Mozilla driver Adobe Web Platform Team CSS-standarder på flera fronter genom att delta i webbstandardgrupper, webbläsare, bidragsgivare för open source-projekt och innehållsskapare. De har varit aktivt engagerade i W3C och har gjort flera förslag, inklusive CSS-regioner, CSS-former och CSS Masking, samtidigt som de bidragit till implementering av nämnda förslag till WebKit, Blink, Gecko och Internet Explorer.
CSS-regioner
Nyligen, CSS-regioner , som överbryggar klyftan mellan tryck och digital publicering, gjorde det till den senaste tjänstemannen iOS7 Mobile Safari släppa (tillsammans med Canvas Blend Modes, Canvas Paths, och CSS Clip Paths). Utvecklare kan nu använda den här funktionen på webbplatser och webbapps som riktar sig mot de här enheterna, med Android-support som förväntas följa snart. Dessutom arbetar CSS-regioner på Chrome, Webkit, en Opera-version som använder Blinka motorn, och det finns delvis implementering för IE10 med en äldre version av CSS-regionen spec.
CSS-regioner kan du styra var innehåll visas på din sida och vad som händer när innehåll inte passar inuti behållaren. Det gör det möjligt för konstruktörer att diktera flödet av innehåll varhelst vi vill och i vilken önskad form eller storlek som helst. Och eftersom det uppnår separering av semantisk markering från layoutmarkup, kan vi använda CSS-regioner för att injicera innehållet i något som liknar en mall. Detta är bra för layouter i magasinformat eller strategiskt vikningsinnehåll , såsom reklam, i lyhörda mönster.
CSS-former
Ett annat område där Adobe förstärker utvecklingen, enligt Adobe Web Platform Engineer, Razvan Caliman , är med CSS-former , fortfarande under en krom: // flagga . Detta ska inte förväxlas med former som helt enkelt uppnås genom tillämpning av CSS-egenskaper som gränsradie eller boxskugga som ses i Formerna av CSS . Sådana exempel ger bara en illusion av en form utan någon påverkan på den faktiska layouten av innehållet på sidan. CSS Shapes förstärker bokstavligen den visuella berättarupplevelsen genom att bemyndiga designern att sätta in innehållet runt eller inom former med några få enkla CSS-egenskaper.
Om du inte redan har sett det, är Razvan Calimans Alice in Wonderland presentation på CSSconf.eu kommer absolut att blåsa ditt sinne.
CSS Masking
Nästan förlorade i CPS-regionernas hype är CSS Clipping och CSS Masking , vilket utan tvekan kommer att inspirera dig. Dessa tekniker möjliggör nu i webbläsaren, vad som bara var möjligt med bildredigeringsprogram. Fånga några fantastiskt enkla visuella effekter genom att använda en grundläggande linjär gradient i kombination med CSS Masking.
Sammanfattning
Det är verkligen en fantastisk era av webbdesign. Med utvecklare hela hela branschen strävar efter att driva kuvertet, det här är verkligen spännande tider.
Om dessa slags framsteg brinner dig, så vill du definitivt uppmärksamma nyheterna från den här veckans HTML5 Developers Conference där Adobe Web Platform Team och många andra kommer att vara till hands för att visa oss hur de återuppfinner webbdesign som vi känner till det.
Ska företag tillåtas påverka webbstandarder? Vilka Adobe-innovationer är du mest glada över? Låt oss veta dina tankar i kommentarerna.