Ikke din standard CSS: Skal grenser med Adobe
Oppfordrer du deg i å eksperimentere med banebrytende webdesign, men føler deg i konflikt med de formelle tekniske spesifikasjonene som er angitt av W3C?
Har du tvil om å bruke dine avantgarde-ideer mens du oppnår kryssbrowserstøtte og møtestandarder?
Vel det Adobe Web Platform Team er klar til å overbevise deg ellers ...
Hvis du har fulgt det siste arbeidet, er du allerede klar over hvordan noen av bransjens mest innovative sinn er skyver kantene på Internett for å gjøre det til et bedre sted. Det du kanskje ikke skjønner er konsekvensen de også har på standardene for HTML og CSS-fellesskap også.
Partnering med andre store aktører som Microsoft, Google og Mozilla, skaper Adobe Web Platform Team CSS-standarder på flere fronter ved å delta med webstandardgrupper, nettleservirksomheter, bidragsytere for åpen kildekode og innholdsskapere. De har vært aktivt engasjert med W3C og har laget flere forslag, inkludert CSS-regioner, CSS-former og CSS Masking, samtidig som de bidrar til implementeringer av forslagene til WebKit, Blink, Gecko og Internet Explorer.
CSS-regioner
Nylig, CSS-regioner , som brer gapet mellom utskrift og digital publisering, gjorde det til den siste offisielle iOS7 Mobile Safari slipper ut (sammen med lerretblandingsmodus, lerretsstier og CSS-klipbaner). Utviklere kan nå bruke denne funksjonen på nettsteder og webapps rettet mot disse enhetene, med Android-støtte som forventes å følge snart. I tillegg fungerer CSS-regioner på Chrome, Webkit, en Opera-versjon som bruker Blinke motor, og det er delvis implementering for IE10 ved hjelp av en eldre versjon av CSS-regionens spesifikasjon.
CSS-regioner lar deg kontrollere hvor innholdet vises på siden din og hva som skjer når innholdet ikke passer inn i beholderen. Det gjør det mulig for designere å diktere innholdsstrømmen uansett hvor vi ønsker og inn i ønsket form eller størrelse. Og fordi det oppnår separasjon av semantisk merking fra layoutoppslag, kan vi bruke CSS-regioner til å injisere innholdet i noe som ligner på en mal. Dette er flott for magasin stil oppsett eller strategisk brett innhold , for eksempel reklame, i responsive design.
CSS figurer
Et annet område der Adobe utvikler seg, ifølge Adobe Web Platform Engineer, Razvan Caliman , er med CSS figurer , fortsatt under en krom: // flagg . Dette skal ikke forveksles med former som enkelt oppnås ved bruk av CSS egenskaper som grense-radius eller bokseskygge som sett i Formen av CSS . Slike eksempler gir bare illusjonen av en form uten noen betydning for selve innholdsinnholdet på siden. CSS Shapes forbedrer bokstavelig vis den visuelle fortellingsopplevelsen ved å gi designeren mulighet til å pakke inn innhold rundt eller i former med bare noen få enkle CSS-egenskaper.
Hvis du ikke allerede har sett det, er Razvan Caliman Alice in Wonderland presentasjon på CSSconf.eu vil absolutt slå deg opp.
CSS Masking
Nesten tapt i hype av CSS-regioner er CSS Clipping og CSS Masking , som utvilsomt vil inspirere deg. Disse teknikkene gjør nå mulig i nettleseren, det pleide bare å oppnås med bilderedigeringsprogramvare. Fang noen imponerende enkle visuelle effekter ved hjelp av en grunnlinjær gradient kombinert med CSS Masking.
Sammendrag
Det er virkelig en fantastisk epoke med webdesign. Med utviklere hele hele bransjen forsøker å presse konvolutten, er disse virkelig spennende tider.
Hvis disse fremgangene brenner deg opp, vil du definitivt være oppmerksom på nyhetene fra denne uken HTML5 utviklere konferanse hvor Adobe Web Platform Team og mange andre vil være til stede for å vise oss hvordan de gjenoppfinder webdesign som vi kjenner det.
Skal selskapene få lov til å påvirke webstandarder? Hvilke Adobe-innovasjoner er du mest begeistret for? Gi oss beskjed om dine tanker i kommentarene.