Vaše standardní CSS: Stisknutí hranic s Adobe
Vychutnáváte si experimentování s předním designem webových stránek, ale máte pocit, že jsou v rozporu s formálními technickými specifikacemi stanovenými W3C?
Máte pochybnosti o tom, jak aplikovat své avantgardní myšlenky při současném dosažení vzájemné podpory mezi prohlížeči a dodržování standardů?
Dobře Tým webových aplikací společnosti Adobe je připraven přesvědčit vás jinak ...
Pokud jste sledovali jejich nedávnou práci, už si uvědomujete, jak jsou nejinovativnější mysli v oboru tlačí okraje internetu aby to bylo lepší místo. Co si možná neuvědomujete, je dopad, který mají také na standardy komunit HTML a CSS.
Spolupráce s dalšími významnými hráči, jako jsou společnosti Microsoft, Google a Mozilla, tým platformy Adobe Web Platform tlačí standardy CSS na více frontách tím, že se účastní skupin webových standardů, dodavatelů prohlížečů, přispěvatelů s otevřeným zdrojovým kódem a tvůrců obsahu. Aktivně spolupracovali s W3C a vytvořili několik návrhů, včetně regionů CSS, CSS Shapes a CSS Masking, přičemž přispěly k implementaci těchto návrhů na WebKit, Blink, Gecko a Internet Explorer.
CSS regiony
Nedávno, CSS regiony , která překlenuje mezeru mezi tiskem a digitálním publikováním, přinesla to do nejnovějšího úředníka iOS7 Mobile Safari (společně s Canvas Blend Mode, Canvas Paths a CSS Clip Paths). Vývojáři tuto funkci nyní mohou používat na webových stránkách a webových aplikacích zaměřených na tato zařízení. Očekává se, že brzy bude následovat podpora Androidu. Regiony CSS navíc pracují v prohlížeči Chrome, Webkit, což je verze operačního systému Windows Blikat motor a částečně implementace pro IE10 pomocí starší verze specifikace CSS Regions.
Oblasti CSS vám umožňují řídit, kde se na vaší stránce zobrazí obsah a co se stane, když obsah neodpovídá jeho kontejneru. Umožňuje konstruktérům diktovat tok obsahu kdekoli chceme a do jakéhokoli požadovaného tvaru nebo velikosti. A protože dosáhne oddělení sémantického značkování od značkování rozložení, můžeme použít regiony CSS k tomu, abychom vstřikovali náš obsah do něčeho podobného šabloně. To je skvělé pro layout stylu časopisu nebo strategicky skládací obsah , jako je reklama, v citlivých návrzích.
CSS Shapes
Další oblastí, ve které společnost Adobe rozvíjí vývoj, tvrdí inženýr společnosti Adobe Web Platform, Razvan Caliman , je s CSS Shapes , stále pod příznakem chrome: // . To se nesmí zaměňovat s tvary, které jsou jednoduše dosaženy použitím vlastností CSS, jako je poloměr okraje nebo stín pole, jak je vidět v Tvary CSS . Takové příklady poskytují pouze iluzi tvaru bez jakéhokoli vlivu na skutečné uspořádání obsahu na stránce. CSS Shapes doslova vylepšuje vizuální příběh vyprávění tím, že umožňuje designérovi zabalit obsah kolem nebo uvnitř tvarů pomocí několika jednoduchých vlastností CSS.
Pokud jste to ještě neviděli, je to Razvan Caliman Prezentace Alice in Wonderland na CSSconf.eu naprosto vyfouká vaši mysl.
CSS maskování
Téměř ztrácí v humbuk regionů CSS CSS Clipping a maskování CSS , které vás nepochybně inspirají. Tyto techniky nyní umožňují v prohlížeči, co bylo možné dosáhnout pouze pomocí softwaru pro úpravu obrázků. Chyťte některé úžasně jednoduché vizuální efekty pomocí základního lineárního gradientu v kombinaci s maskováním CSS.
souhrn
Je to opravdu úžasná doba webového designu. S vývojáři v celém průmyslu, kteří se neustále snaží tlačit obálku, jsou to opravdu vzrušující časy.
Pokud vám tento postup vybuchne, určitě budete chtít věnovat pozornost novinkám z tohoto týdne Konference vývojářů HTML5 kde bude tým Adobe Web Platform a mnoho dalších, aby nám ukázali, jak znovu vytvářejí webový design, jak jej známe.
Měly by korporace mít možnost ovlivňovat webové standardy? Jaké inovace společnosti Adobe máte největší nadšení? Dejte nám vědět své myšlenky v komentářích.