Browsercompatibiliteit behouden met Adobe Edge Animate CC - dummies

Adobe Edge Animate CC werkt in alle moderne browsers - inclusief de meest recente versies van Chrome, Firefox, Opera, Safari en Internet Explorer 9. Het werkt ook op alle tablets en smartphones waarop moderne browsers zijn geïnstalleerd. Voor doelgroepen die geen moderne browsers gebruiken, biedt Edge Animate een terugvaloptie die u kunt gebruiken, zodat uw animatie niet kapot lijkt te zijn.

Compatibiliteit is belangrijk voor webcontent; als een browser je code niet ondersteunt, werkt je animatie niet. Geen wonder dat Adobe Edge Animate CC code maakt die in alle moderne browsers werkt.

Zorgen met HTML5 en oudere browsers

Veel webontwikkelaars vrezen dat niet alle delen van HTML5 compatibel zijn met alle browsers. Dit geldt vooral voor Internet Explorer. Waar veel functies van HTML5 zullen werken in browsers zoals Chrome en Firefox, zullen ze niet altijd werken in Internet Explorer.

Dit maakt dat veel webontwikkelaars zich afvragen hoe breed ze HTML5 moeten gaan gebruiken. Het is niet in het belang van een webontwikkelaar om webpagina's te maken die niet in alle browsers werken - maar de toekomst is nog steeds een beetje duister en veel mensen zijn tevreden met het gebruik van oude browsers.

Adobe heeft deze problemen aangepakt met Edge Animate. Je kunt je veilig voelen, wetende dat je Edge Animate-websamenstellingen zullen werken in alle moderne browsers, inclusief de huidige versies van Firefox, Chrome, Safari en Internet Explorer 9.

Je hoeft geen HTML5 te kennen, of zelfs niet HTML, om Edge Animate te gebruiken. Maar hoe meer u weet, hoe beter u zult zijn als u de code moet gebruiken om deze te gebruiken voor weergave. De Edge Animate-software maakt de code voor u terwijl u uw webanimatie bouwt.

Wanneer u uw Edge Animate-bestand opslaat, maakt de software verschillende bestanden. Een van die bestanden heeft de. html bestandsnaamextensie. De HTML5-code bevindt zich in de. html-bestand. U kunt dit bestand bekijken met elke willekeurige teksteditor zoals Kladblok. Nadat u klaar bent met het maken van uw compositie, kunt u de animatie bekijken in een webbrowser - vanuit de software of door te dubbelklikken op de. html-bestand, dat je animatie opent en afspeelt in je standaardbrowser.

Compatibiliteit van bureaubladbrowser

Compatibiliteit met de Microsoft Internet Explorer-webbrowser is een probleem waarmee webontwikkelaars te maken hebben bij het ontwikkelen van sites. Microsoft heeft Internet Explorer traag bijgewerkt om compatibel te zijn met HTML5 - en code die prima werkt in Chrome, Safari en Firefox gedraagt zich niet goed in eerdere versies van Internet Explorer.

Als u bijvoorbeeld een rand codeert om afgeronde hoeken te hebben, worden uw hoeken afgerond in Chrome en Firefox; maar bekijk diezelfde site in IE en plotseling zien je afgeronde hoeken er vierkant uit. Zaken als deze kunnen het ontwerp van een website verpesten.

Browsers zoals Firefox, Chrome, Safari en Opera ondersteunen al vele aspecten van HTML5. Er zijn geen zorgen met Adobe Edge Animate CC-composities die perfect werken in deze browsers. Deze browsers hebben ook ingebouwde automatische updates voor hun gebruikers. Daarom kunnen webontwerpers en ontwikkelaars er zeker van zijn dat hun gebruikers waarschijnlijk de meest recente versie van die browser gebruiken.

Wat te doen voor Internet Explorer 8 en oudere versies

In een ideale wereld zou iedereen zijn browsers regelmatig upgraden. Helaas kan niet iedereen dat doen, om welke reden dan ook. Hoewel Internet Explorer 9 de deur heeft geopend naar HTML5-compatibiliteit, wat betekent dat Edge Animate in die versie van de browser werkt, hebben niet alle IE-gebruikers hun browsers geüpgraded.

Het is nog steeds niet ongebruikelijk voor veel IE-gebruikers om versies 7 en 8 te gebruiken - en (tot veel ontzetting en ontzetting bij ontwerpers) is IE 6 nog steeds in gebruik bij veel mensen.

Adobe Edge Animate CC-composities werken niet in Internet Explorer 8 en oudere versies, net zoals HTML5 niet werkt in IE6.

Het goede nieuws is echter dat steeds meer internetgebruikers hun browsers upgraden en het gebruik van IE6 langzaam afneemt. Met dat gezegd, werkt Edge Animate in alle moderne draagbare browsers. Als het je belangrijkste doel is om geanimeerde applicaties te maken voor gebruik op smartphones en tablets, dan heb je veel geluk.

Als u webanimaties maakt voor een doelgroep die nog steeds IE8 en oudere browsers gebruikt, kan die loerende obsoletie een probleem zijn wanneer u Adobe Edge Animate CC gebruikt. Stel dat je talloze uren besteedt aan het ontwikkelen van de perfecte webanimatie en deze vervolgens online zet. Je hebt het getest in Firefox en IE 9 en het werkt perfect.

Dan loop je door de hal om het aan je baas te laten zien - en tot je grote schrik werkt het niet omdat je baas IE 6 gebruikt. Nou, in de echte wereld is de kans groot dat veel van je klanten en klanten gebruiken ook een eerdere versie van IE die niet compatibel is met Edge Animate.

Gelukkig biedt Edge Animate u ten minste twee opties: u kunt (a) Google Chrome Frame-ondersteuning gebruiken of (b) down-level browserondersteuning gebruiken - een functie waarmee u u om een poster (een statische afbeelding) te maken, of om statische HTML te gebruiken om de animatie te vervangen - waardoor uw website niet "verbroken" wordt weergegeven. "Uw publiek ziet een afbeelding die eruitziet zoals deze hoort te lijken, ook al is deze niet geanimeerd.

Ondersteuning voor Google Chrome Frame

Edge Animate heeft een functie waarmee u Google Chrome Frame-ondersteuning kunt gebruiken voor browsers die geen ondersteuning bieden voor animatie. Als volgende stap naar browserondersteuning op down-niveau kunt u Edge Animate-inhoud publiceren, zodat uw publiek deze op IE 6, 7 of 8 kan bekijken met Google Chrome Frame.Voor de gebruiker die Google Chrome Frame nog niet heeft, kunt u ook bepalen hoe het is geïnstalleerd.

Edge Animate bevat niveaus op een lager niveau

De niveaus op lager niveau in Edge Animate zijn versies van het werkgebied die u kunt gebruiken om een down-levelversie van uw compositie te maken en te publiceren die compatibel zijn met browsers die geen HTML5-animatie ondersteunen. De downlevelstadia bieden slechts minimale creatiehulpmiddelen, maar u kunt

Afbeeldingen importeren en tekstelementen maken.
Importeer een poster uit de hoofdsamenstelling.

Kortom, de animaties die u maakt en online plaatst, kunnen de browsers detecteren die uw doelgroep gebruikt. Als de code detecteert dat iemand een niet-compatibele browser voor uw animatie gebruikt, wordt de afbeelding weer posterafbeelding in plaats van de animatie. Dit zorgt ervoor dat uw website niet verbroken wordt weergegeven. In plaats van een animatie te zien die niet werkt, ziet het publiek een poster (een stilstaand frame) die u in de animatie maakt.

Nogmaals, u hoeft geen code te kennen voor de down-level Stage-ondersteuning om te werken. Hoewel coderen voor browserdetectie lastig kan zijn, heeft Edge Animate die mogelijkheid ingebouwd - en het is een optie die u kunt kiezen wanneer u klaar bent om te publiceren.

Compatibiliteit met tablets en mobiele browsers

Waar Adobe Flash faalt, werkt Adobe Edge Animate CC. Het is bekend dat Apple Adobe Flash-animaties niet toestaat om op haar draagbare apparaten te werken - en dat geldt ook voor de iPhone, iPod touch en iPad. Steve Jobs verklaarde vóór zijn overlijden dat Flash te veel beveiligingskwetsbaarheden en andere negatieve aspecten had voor Apple om Flash met iOS te laten werken.

Edge Animate daarentegen heeft geen last van deze problemen. Je Edge Animate-composities werken prima op Apple-producten - en op Android-apparaten - of het nu tablets van alle typen, smartphones en andere apparaten zijn die moderne mobiele browsers gebruiken.