EDGE: een nieuw HTML5-aanbod van Adobe
Vroeger moest je Flash gebruiken als je een geanimeerde, interactieve interface voor een website wilde maken. Misschien kun je JavaScript gebruiken met wat basisanimaties, maar als je het te gecompliceerd hebt gemaakt, is het enige wat je uiteindelijk doet de computer van je bezoeker vastlopen en problemen veroorzaken.
Bovendien was JavaScript mogelijk gecompliceerder in gebruik dan Flash, althans voor degenen die niet dol zijn op coderen. Maar, natuurlijk werkt Flash niet altijd goed (of soms helemaal niet) op mobiele apparaten, waaronder de iPhone en iPad.
Voer HTML5 in. HTML5 werkt op zowat elk mobiel platform dat er is. Alles wat u in Flash kunt maken, kunt u maken met HTML5 (en soms JavaScript en CSS3 toevoegen): animaties, interactieve elementen en meer.
Maar het herintroduceert het coderingsprobleem voor veel ontwerpers, die misschien niet gek zijn om alles met de hand te coderen. Dat is waar Adobe Edge komt binnen.
Het is een geheel nieuw programma (momenteel beschikbaar als een gratis voorbeeldversie) waarmee u geanimeerde webinhoud kunt maken met HTML5, CSS3 en JavaScript. Het bevat teken- en tekentools voor het maken van nieuwe composities, laat u afbeeldingen importeren in verschillende formaten (SVG, PNG, JPG en GIF) en animeert choreografieën met een tijdlijn-gebaseerde editor. U kunt positie, kleur, vorm, grootte, rotatie en andere elementen animeren op propertyniveau.
Het mooie aan het gebruik van HTML5, CSS3 en JavaScript in plaats van Flash voor uw geanimeerde en interactieve inhoud is dat uw site voldoet aan de standaarden. Het behoudt uw CSS-lay-out en houdt uw inhoudslaag gescheiden van uw presentatielaag. Hierdoor is uw site compatibel op een groter aantal platforms en zal deze zoekmachine vriendelijker zijn met minder werk.
Omdat Edge zich momenteel alleen in de voorbeeldfase bevindt, zijn er enkele bugs en functiebeperkingen. Met dat gezegd, bevat het al vijfentwintig ingebouwde easing-effecten en andere functies om je op weg te helpen. Geen woord over hoeveel Edge kost na afloop van de proefperiode van 150 dagen.
De Edge-interface lijkt op veel andere Adobe-programma's voor het werken met interactieve inhoud, zoals Premiere Pro of Flash. Als u al bekend bent met deze programma's, zou de Edge-interface vrij gemakkelijk moeten worden aangepast. Zo niet, dan zal er een duidelijke leercurve zijn, maar het is nog steeds een relatief eenvoudige interface om erachter te komen.
Uiteraard heeft u nog steeds Flash nodig voor het maken van desktop- en mobiele AIR-toepassingen of voor het gebruik van ActionScript.
U vindt Flash wellicht ook gemakkelijker te gebruiken voor meer meeslepende interacties en animaties waar mobiele compatibiliteit geen probleem is. Maar Edge geeft ontwerpers vertrouwd met de Adobe-werkomgeving een nieuwe optie voor het maken van interactieve en geanimeerde inhoud.
Kom meer te weten: Adobe Edge
Heb je al de kans gehad om Edge uit te proberen? Wat denk je? Zal het in de toekomst de moeite waard zijn om te kopen? Laat het ons weten in de reacties!