Mantenir la compatibilitat del navegador amb Adobe Edge Animate CC

Adobe Edge Animate CC funciona amb tots els navegadors moderns, incloses les versions més recents de Chrome, Firefox, Opera, Safari i Internet Explorer 9. També funciona en totes les tauletes i telèfons intel·ligents que tinguin navegadors moderns instal·lats. Per als públics que no utilitzen navegadors moderns, Edge Animate ofereix una opció alternativa que podeu utilitzar perquè la vostra animació no sembli trencada.

La compatibilitat és important per al contingut web; si un navegador no admet el vostre codi, la vostra animació no funcionarà. No és estrany que Adobe Edge Animate CC creï codi que funciona en tots els navegadors moderns.

Preocupacions amb HTML5 i navegadors antics

A molts desenvolupadors web els preocupa que no totes les parts d'HTML5 siguin compatibles amb tots els navegadors. Això és especialment cert amb Internet Explorer. Quan moltes funcions d'HTML5 funcionen en navegadors com Chrome i Firefox, no sempre funcionaran a Internet Explorer.

Això fa que molts desenvolupadors web es preguntin fins a quin punt haurien de començar a utilitzar HTML5. No és del millor interès per a un desenvolupador web crear pàgines web que no funcionin en tots els navegadors, però el futur encara és una mica tèrbol i molta gent es conforma amb utilitzar navegadors antics.

Adobe ha resolt aquests problemes amb Edge Animate. Podeu sentir-vos segur i segur sabent que les vostres composicions web d'Edge Animate funcionaran en tots els navegadors moderns, incloses les versions actuals de Firefox, Chrome, Safari i Internet Explorer 9.

No cal saber HTML5, ni tan sols HTML, per utilitzar Edge Animate. Però com més en sàpigues, millor seràs si necessites utilitzar el codi per ajudar-lo a implementar-lo per a la visualització. El programari Edge Animate us crea el codi mentre creeu la vostra animació web.

Quan deseu el fitxer Edge Animate, el programari crea diversos fitxers diferents. Un d'aquests fitxers té l'extensió de nom de fitxer .html. El codi HTML5 es troba dins del fitxer .html. Podeu veure aquest fitxer amb qualsevol editor de text senzill, com ara el Bloc de notes. Un cop hàgiu acabat de crear la vostra composició, podeu veure l'animació en un navegador web, ja sigui des del programari o fent doble clic al fitxer .html, que obre i reprodueix l'animació al vostre navegador predeterminat.

Compatibilitat amb el navegador d'escriptori

La compatibilitat amb el navegador web Microsoft Internet Explorer és un problema amb el qual els desenvolupadors web han de fer front quan desenvolupen llocs. Microsoft ha tardat a actualitzar Internet Explorer perquè sigui compatible amb HTML5, i el codi que funciona perfectament a Chrome, Safari i Firefox no es comporta bé en versions anteriors d'Internet Explorer.

Per exemple, si codifiqueu una vora perquè tingui vores arrodonides, les vostres cantonades apareixeran arrodonides a Chrome i Firefox; però visualitzeu el mateix lloc a IE i, de sobte, les vores arrodonides apareixen quadrades. Problemes com aquest poden arruïnar el disseny d'un lloc web.

Navegadors com ara Firefox, Chrome, Safari i Opera ja admeten molts aspectes d'HTML5. No hi ha cap preocupació perquè les composicions d'Adobe Edge Animate CC funcionin perfectament en aquests navegadors. Aquests navegadors també tenen actualitzacions automàtiques integrades per als seus usuaris. Per això, els dissenyadors i desenvolupadors web poden estar segurs que els seus usuaris probablement estan utilitzant la versió més actual d'aquest navegador.

Què fer amb Internet Explorer 8 i versions anteriors

En un món ideal, tothom actualitzaria els seus navegadors regularment. Malauradament, no tothom ho pot fer, per qualsevol motiu. Tot i que Internet Explorer 9 ha obert la porta a la compatibilitat amb HTML5, cosa que significa que Edge Animate funciona en aquesta versió del navegador, no tots els usuaris d'IE han actualitzat els seus navegadors.

Encara no és estrany que molts usuaris d'IE utilitzin les versions 7 i 8, i (per a horror i consternació de molts dissenyadors) IE 6 encara està en ús per molta gent.

Les composicions d'Adobe Edge Animate CC no funcionaran a Internet Explorer 8 i versions anteriors, de la mateixa manera que HTML5 no funciona a IE6.

Tanmateix, la bona notícia és que cada cop més usuaris web actualitzen els seus navegadors i l'ús d'IE6 disminueix lentament. Dit això, però, Edge Animate funciona en tots els navegadors portàtils moderns. Si el teu objectiu principal és crear aplicacions animades per utilitzar-les en telèfons intel·ligents i tauletes, estàs molt d'enhorabona.

Si esteu creant animacions web per a un públic que encara utilitza IE8 i navegadors anteriors, aquesta obsolescència a l'aguait pot ser una preocupació quan utilitzeu Adobe Edge Animate CC. Digueu que passeu innombrables hores desenvolupant l'animació web perfecta i després la poseu en línia. Ho heu provat a Firefox i IE 9 i funciona perfectament.

Llavors travesses el passadís per mostrar-ho al teu cap, i per al teu horror, no funciona perquè el teu cap utilitza IE 6. Bé, al món real, hi ha moltes possibilitats que molts dels teus clients i clients també ho facin. utilitzant una versió anterior d'IE que no és compatible amb Edge Animate.

Afortunadament, Edge Animate us ofereix almenys dues opcions: podeu (a) utilitzar el suport de Google Chrome Frame o (b) utilitzar el suport del navegador de nivell inferior , una característica que us permet crear un pòster (una imatge estàtica) o per utilitzar HTML estàtic, per substituir l'animació, cosa que evita que el vostre lloc web sembli "romput". El vostre públic veu una imatge que té l'aspecte que hauria de veure, encara que no estigui animada.

Compatibilitat amb Google Chrome Frame

Edge Animate té una funció que us permet utilitzar el suport de Google Chrome Frame per a navegadors que no admeten animacions. Com a següent pas per al suport del navegador de nivell inferior, podeu publicar contingut Edge Animate perquè el vostre públic el pugui veure a IE 6, 7 o 8 mitjançant Google Chrome Frame. Per a l'usuari que encara no té Google Chrome Frame, també podeu controlar l'experiència d'instal·lar-lo.

Edge Animate té etapes de nivell inferior

Les etapes de nivell inferior a Edge Animate són versions de l'etapa que podeu utilitzar per crear i publicar una versió de nivell inferior de la vostra composició que serà compatible amb els navegadors que no admetin l'animació HTML5. Les etapes de nivell inferior només ofereixen eines de creació mínimes, però podeu fer-ho

  • Importa gràfics i crea elements de text.

  • Importa un pòster de la composició principal.

Bàsicament, les animacions que creeu i col·loqueu en línia poden detectar els navegadors que utilitza el vostre públic. Si el codi detecta que algú està utilitzant un navegador no compatible per a la vostra animació, tornarà a mostrar una imatge de pòster en lloc de l'animació. Això evita que el vostre lloc web sembli trencat. En lloc de veure una animació que no funciona, el públic veu un pòster (un fotograma fixe) que creeu a partir de l'animació.

De nou, no cal que conegueu el codi perquè funcioni el suport Stage de nivell inferior. Tot i que la codificació per a la detecció del navegador pot ser complicat, Edge Animate té aquesta capacitat integrada, i és una opció que podeu triar quan estigueu preparat per publicar.

Compatibilitat amb navegadors de tauleta i mòbil

Quan Adobe Flash falla, Adobe Edge Animate CC funciona. És ben sabut que Apple no permet que l'animació Adobe Flash funcioni als seus dispositius portàtils, i això inclou l'iPhone, l'iPod touch i l'iPad. Steve Jobs, abans de morir, va declarar que Flash tenia massa vulnerabilitats de seguretat i altres aspectes negatius perquè Apple permetés que Flash funcionés amb iOS.

Edge Animate, en canvi, no pateix aquests problemes. Les teves composicions d'Edge Animate funcionaran perfectament als productes Apple, i als dispositius Android, ja siguin tauletes de tot tipus, telèfons intel·ligents i altres dispositius que utilitzen navegadors mòbils moderns.


Com aplicar la transparència als SVG

Com aplicar la transparència als SVG

Obteniu informació sobre com aplicar la transparència als gràfics SVG a Illustrator. Descobriu com publicar SVG amb fons transparents i aplicar efectes de transparència.

Treballant amb imatges a Adobe XD

Treballant amb imatges a Adobe XD

Després d'haver importat les vostres imatges a Adobe XD, no teniu gaire control d'edició, però podeu canviar la mida i girar les imatges com ho faríeu amb qualsevol altra forma. També podeu arrodonir fàcilment les cantonades d'una imatge importada mitjançant els ginys de cantonada. Enmascarar les vostres imatges Definint una forma tancada […]

Treballant amb taules de treball a Photoshop CC

Treballant amb taules de treball a Photoshop CC

Igual que a Adobe Illustrator, les taules de treball de Photoshop ofereixen la capacitat de crear pàgines o pantalles separades dins d'un sol document. Això pot ser especialment útil si esteu creant pantalles per a una aplicació mòbil o un petit fulletó. Podeu pensar en una taula de treball com un tipus especial de grup de capes creat mitjançant el tauler Capes. La seva […]

Formes i polígons a InDesign

Formes i polígons a InDesign

Moltes de les eines que trobeu al tauler Eines d'InDesign s'utilitzen per dibuixar línies i formes en una pàgina, de manera que teniu diverses maneres diferents de crear dibuixos interessants per a les vostres publicacions. Podeu crear qualsevol cosa, des de formes bàsiques fins a dibuixos complexos dins d'InDesign, en lloc d'haver d'utilitzar un programa de dibuix com […]

Emboliqui el text a Adobe Illustrator CC

Emboliqui el text a Adobe Illustrator CC

Embolicar text a Adobe Illustrator CC no és el mateix que embolicar un regal: és més fàcil! Un embolcall de text obliga el text a embolicar-se al voltant d'un gràfic, tal com es mostra en aquesta figura. Aquesta característica pot afegir una mica de creativitat a qualsevol peça. El gràfic obliga el text a envoltar-lo. Primer, crea […]

Com canviar la mida de les formes a Illustrator

Com canviar la mida de les formes a Illustrator

Quan dissenyeu a Adobe Illustrator CC, sovint necessiteu una forma per tenir una mida exacta (per exemple, 2 x 3 polzades). Després de crear una forma, la millor manera de canviar-la a les mesures exactes és utilitzar el tauler Transformació, que es mostra en aquesta figura. Seleccioneu l'objecte i, a continuació, trieu Finestra→Transforma a […]

Com crear codis QR a InDesign CC

Com crear codis QR a InDesign CC

Podeu utilitzar InDesign per crear i modificar gràfics de codi QR. Els codis QR són una forma de codi de barres que pot emmagatzemar informació com ara paraules, números, URL o altres formes de dades. L'usuari escaneja el codi QR amb la seva càmera i el programari en un dispositiu, com ara un telèfon intel·ligent, i el programari fa servir […]

Com ajustar les propietats del text a Adobe XD

Com ajustar les propietats del text a Adobe XD

Quan tingueu text al vostre projecte Adobe XD, podeu començar a canviar les propietats del text. Aquestes propietats inclouen Família de tipus de lletra, Mida del tipus de lletra, Pes del tipus de lletra, Alineació, Espaiat entre caràcters (interlineat i seguiment), Interlineat (interlineat), Farciment, Vora (traç), Ombra (ombra vertical) i Desenfocament de fons. Per tant, revisem com s'apliquen aquestes propietats. Sobre la llegibilitat i el tipus de lletra […]

Com fer que una nova foto sembli antiga a Photoshop CS6

Com fer que una nova foto sembli antiga a Photoshop CS6

Pot ser que hi hagi un moment en què necessitis una foto nova per semblar antiga. Photoshop CS6 t'ha cobert. La fotografia en blanc i negre és un fenomen més nou del que podríeu pensar. Els daguerrotips i altres fotografies primerenques sovint tenien un to marró o blavós. Podeu crear les vostres pròpies obres mestres en tons sèpia. Les imatges tonificades poden crear […]

La funció Live Paint a Adobe CS5 Illustrator

La funció Live Paint a Adobe CS5 Illustrator

Amb la funció Live Paint d'Adobe Creative Suite 5 (Adobe CS5) Illustrator, podeu crear la imatge que vulgueu i omplir regions amb color. La galleda de pintura en viu detecta automàticament les regions compostes per camins d'intersecció independents i les omple en conseqüència. La pintura dins d'una regió determinada continua viva i flueix automàticament si hi ha […]