Niet uw standaard-CSS: de grenzen verleggen met Adobe
Ben je dol op experimenteren met baanbrekend webdesign, maar voel je je in tegenspraak met de formele technische specificaties van het W3C?
Heb je twijfels over het toepassen van je avant-gardistische ideeën terwijl je cross-browserondersteuning en vergaderingsstandaarden bereikt?
Nou ja Adobe Web Platform Team is klaar om u anders te overtuigen ...
Als u hun recente werk hebt gevolgd, weet u al hoe sommige van de meest innovatieve geesten in de branche zijn de randen van internet verleggen om er een betere plek van te maken. Wat je misschien niet beseft, is de impact die ze ook hebben op de standaarden van HTML- en CSS-gemeenschappen.
Samen met andere grote spelers zoals Microsoft, Google en Mozilla, drijft het Adobe Web Platform Team CSS-standaarden op meerdere fronten door deel te nemen met webstandaardgroepen, browserleveranciers, bijdragers van open sourceprojecten en makers van inhoud. Ze zijn actief betrokken geweest bij het W3C en hebben verschillende voorstellen gedaan, waaronder CSS-gebieden, CSS-vormen en CSS-maskering, terwijl ze implementaties van genoemde voorstellen bijdroegen aan WebKit, Blink, Gecko en Internet Explorer.
CSS-regio's
Kort geleden, CSS-regio's , dat de kloof overbrugt tussen afdrukken en digitaal publiceren, is de nieuwste official geworden iOS7 Mobile Safari release (samen met Canvas Blend-modi, Canvaspaden en CSS-clippaden). Ontwikkelaars kunnen deze functie nu gebruiken op websites en webapps die op die apparaten zijn getarget, waarvan verwacht wordt dat Android-ondersteuning snel zal volgen. Bovendien werkt CSS Regions op Chrome, Webkit, een Opera-versie die de Knipperen engine, en er is een gedeeltelijke implementatie voor IE10 met een oudere versie van de CSS Regions-specificatie.
Met CSS-gebieden kunt u bepalen waar inhoud op uw pagina wordt weergegeven en wat er gebeurt als de inhoud niet in de container past. Het stelt ontwerpers in staat de stroom van inhoud te dicteren waar en wanneer we willen en in elke gewenste vorm of grootte. En omdat de scheiding van semantische opmaak en lay-outopmaak wordt bereikt, kunnen we CSS-gebieden gebruiken om onze inhoud te injecteren in iets dat op een sjabloon lijkt. Dit is geweldig voor lay-outs in tijdschriftstijlen of strategisch inhoud vouwen , zoals adverteren, in responsieve ontwerpen.
CSS-vormen
Een ander gebied waar Adobe de ontwikkeling opvoert, volgens de ingenieur van Adobe Web Platform, Razvan Caliman , is met CSS-vormen , nog steeds onder een chrome: // vlag . Dit moet niet worden verward met vormen die eenvoudig worden bereikt door de toepassing van CSS-eigenschappen zoals grensradius of doosschaduw zoals te zien in The Shapes of CSS . Dergelijke voorbeelden bieden alleen de illusie van een vorm zonder enige invloed op de daadwerkelijke lay-out van inhoud op de pagina. CSS Shapes verbetert letterlijk de visuele storytelling-ervaring door de ontwerper in staat te stellen inhoud rond of in vormen in te pakken met slechts een paar eenvoudige CSS-eigenschappen.
Als je het nog niet hebt gezien, dat van Razvan Caliman Presentatie van Alice in Wonderland bij CSSconf.eu zal je absoluut verbazen.
CSS maskeren
Bijna verloren in de hype van CSS Regions is CSS Clipping en CSS-maskering , wat je ongetwijfeld zal inspireren. Deze technieken maken nu mogelijk in de browser, wat vroeger alleen haalbaar was met beeldbewerkingssoftware. Vang verbluffend eenvoudige visuele effecten met behulp van een lineaire basisverloop in combinatie met CSS-maskering.
Overzicht
Het is echt een geweldig tijdperk van webdesign. Met ontwikkelaars overal in de industrie die constant streven naar het duwen van de envelop, zijn dit echt spannende tijden.
Als je door dit soort vorderingen wordt ontslagen, dan wil je zeker aandacht besteden aan het nieuws van deze week HTML5 Developers Conference waar het Adobe Web Platform Team en vele anderen aanwezig zullen zijn om ons te laten zien hoe zij webdesign opnieuw uitvinden zoals wij dat kennen.
Moeten bedrijven invloed hebben op webstandaarden? Over welke innovaties van Adobe ben je het meest enthousiast? Laat ons je mening weten in de reacties.