Udržujte kompatibilitu prehliadača s aplikáciou Adobe Edge Animate CC

Adobe Edge Animate CC funguje vo všetkých moderných prehliadačoch – vrátane najnovších verzií prehliadačov Chrome, Firefox, Opera, Safari a Internet Explorer 9. Funguje tiež na všetkých tabletoch a smartfónoch, ktoré majú nainštalované moderné prehliadače. Pre publikum, ktoré nepoužíva moderné prehliadače, Edge Animate poskytuje záložnú možnosť, ktorú môžete použiť, aby sa vaša animácia nezdala byť rozbitá.

Pre webový obsah je dôležitá kompatibilita; ak prehliadač nepodporuje váš kód, vaša animácia nebude fungovať. Niet divu, že Adobe Edge Animate CC vytvára kód, ktorý funguje vo všetkých moderných prehliadačoch.

Týka sa HTML5 a starších prehliadačov

Mnoho webových vývojárov sa obáva, že nie všetky časti HTML5 sú kompatibilné so všetkými prehliadačmi. To platí najmä pre Internet Explorer. Tam, kde mnohé funkcie HTML5 budú fungovať v prehliadačoch, ako sú Chrome a Firefox, nebudú vždy fungovať v Internet Exploreri.

Mnoho webových vývojárov si preto kladie otázku, do akej miery by mali začať používať HTML5. Nie je v najlepšom záujme webového vývojára vytvárať webové stránky, ktoré nefungujú vo všetkých prehliadačoch – ale budúcnosť je stále trochu zahmlená a veľa ľudí je spokojných s používaním starých prehliadačov.

Spoločnosť Adobe tieto problémy vyriešila pomocou Edge Animate. Môžete sa cítiť bezpečne s vedomím, že vaše webové kompozície Edge Animate budú fungovať vo všetkých moderných prehliadačoch vrátane aktuálnych verzií Firefox, Chrome, Safari a Internet Explorer 9.

Na používanie Edge Animate nepotrebujete poznať HTML5, dokonca ani HTML. Ale čím viac budete vedieť, tým lepšie pre vás bude, ak budete potrebovať kód použiť na implementáciu kódu na prezeranie. Softvér Edge Animate vytvorí kód za vás počas vytvárania webovej animácie.

Keď uložíte súbor Edge Animate, softvér vytvorí niekoľko rôznych súborov. Jeden z týchto súborov má príponu súboru .html. Kód HTML5 sa nachádza v súbore .html. Tento súbor môžete zobraziť pomocou ľubovoľného editora obyčajného textu, ako je napríklad Poznámkový blok. Po dokončení vytvárania kompozície si môžete animáciu zobraziť vo webovom prehliadači – buď zo softvéru, alebo dvojitým kliknutím na súbor .html, ktorý otvorí a prehrá vašu animáciu vo vašom predvolenom prehliadači.

Kompatibilita s počítačovým prehliadačom

Kompatibilita s webovým prehliadačom Microsoft Internet Explorer je problém, s ktorým musia weboví vývojári zápasiť pri vývoji lokalít. Spoločnosť Microsoft pomaly aktualizovala Internet Explorer, aby bol kompatibilný s HTML5 – a kód, ktorý funguje úplne dobre v prehliadačoch Chrome, Safari a Firefox, sa nespráva dobre v starších verziách programu Internet Explorer.

Ak napríklad zakódujete okraj tak, aby mal zaoblené okraje, potom sa vaše rohy v prehliadačoch Chrome a Firefox zobrazia ako zaoblené; ale pozrite si tú istú stránku v IE a zrazu sa vaše zaoblené hrany zdajú byť hranaté. Problémy ako tento môžu zničiť dizajn webovej stránky.

Prehliadače ako Firefox, Chrome, Safari a Opera už podporujú mnohé aspekty HTML5. Neexistujú žiadne obavy, že kompozície Adobe Edge Animate CC v týchto prehliadačoch fungujú perfektne. Tieto prehliadače majú pre svojich používateľov zabudované aj automatické aktualizácie. Weboví dizajnéri a vývojári si preto môžu byť istí, že ich používatelia s najväčšou pravdepodobnosťou používajú najaktuálnejšiu verziu tohto prehliadača.

Čo robiť pre Internet Explorer 8 a staršie verzie

V ideálnom svete by každý pravidelne aktualizoval svoje prehliadače. Žiaľ, nie každý to dokáže, z akéhokoľvek dôvodu. Aj keď Internet Explorer 9 otvoril dvere kompatibilite s HTML5, čo znamená, že Edge Animate funguje v tejto verzii prehliadača, nie všetci používatelia IE aktualizovali svoje prehliadače.

Pre mnohých používateľov IE stále nie je nezvyčajné používať verzie 7 a 8 – a (na zdesenie a zdesenie mnohých dizajnérov) IE 6 stále používa veľa ľudí.

Kompozície Adobe Edge Animate CC nebudú fungovať v Internet Exploreri 8 a starších verziách, rovnako ako HTML5 nefunguje v IE6.

Dobrou správou však je, že čoraz viac používateľov webu upgraduje svoje prehliadače a používanie IE6 sa pomaly znižuje. Napriek tomu Edge Animate funguje vo všetkých moderných prenosných prehliadačoch. Ak je vaším hlavným cieľom vytvárať animované aplikácie pre smartfóny a tablety, potom máte veľké šťastie.

Ak vytvárate webové animácie pre publikum, ktoré stále používa IE8 a staršie prehliadače, toto číhajúce zastarávanie môže byť pri používaní Adobe Edge Animate CC problémom. Povedzme, že strávite nespočetné množstvo hodín vytváraním dokonalej webovej animácie a potom ju umiestnite online. Testovali ste to vo Firefoxe a IE 9 a funguje to perfektne.

Potom prejdete cez chodbu, aby ste to ukázali svojmu šéfovi – a na vaše zdesenie to nefunguje, pretože váš šéf používa IE 6. No, v skutočnom svete existuje veľká šanca, že mnohí vaši klienti a zákazníci tiež pomocou staršej verzie IE, ktorá nie je kompatibilná s Edge Animate.

Našťastie vám Edge Animate ponúka aspoň dve možnosti: Môžete (a) použiť podporu Google Chrome Frame alebo (b) použiť podporu prehliadača nižšej úrovne – funkciu, ktorá vám umožní vytvoriť plagát (statický obrázok), alebo použiť statický kód HTML na nahradenie animácie – vďaka čomu sa vaša webová lokalita nezobrazuje „rozbitá“. Vaše publikum vidí obrázok, ktorý vyzerá tak, ako má vyzerať, aj keď nie je animovaný.

Podpora Google Chrome Frame

Edge Animate má funkciu, ktorá vám umožňuje používať podporu Google Chrome Frame pre prehliadače, ktoré nepodporujú animáciu. Ako ďalší krok k podpore prehliadačov nižšej úrovne môžete publikovať obsah Edge Animate, aby si ho vaše publikum mohlo prezerať v IE 6, 7 alebo 8 pomocou Google Chrome Frame. Používateľ, ktorý ešte nemá doplnok Google Chrome Frame, môžete ovládať aj jeho inštaláciu.

Edge Animate má úrovne nižšej úrovne

Na Etapy nižšej úrovne Edge animovať sú verzie Stage, ktoré môžete použiť na vytváranie a publikovanie verziu nižšej úrovne svojho zloženia, ktorá bude kompatibilná s prehliadačmi, ktoré nepodporujú HTML5 animácie. Stages nižšej úrovne ponúkajú iba minimálne nástroje na vytváranie, ale môžete

  • Importujte grafiku a vytvorte textové prvky.

  • Importujte plagát z hlavnej kompozície.

V podstate animácie, ktoré vytvoríte a umiestnite online, dokážu rozpoznať prehliadače, ktoré vaše publikum používa. Ak kód zistí, že niekto používa na vašu animáciu nekompatibilný prehliadač, namiesto animácie sa vráti obrázok plagátu. Váš web tak nebude vyzerať ako poškodený. Namiesto toho, aby diváci videli animáciu, ktorá nefunguje, vidí plagát – statickú snímku – ktorú vytvoríte z animácie.

Aby podpora nižšej úrovne Stage fungovala, opäť nemusíte poznať kód. Hoci kódovanie na detekciu prehliadača môže byť zložité, Edge Animate má túto schopnosť zabudovanú – a je to možnosť, ktorú si môžete vybrať, keď budete pripravení na zverejnenie.

Kompatibilita s prehliadačmi pre tablety a mobilné zariadenia

Tam, kde zlyhá Adobe Flash, funguje Adobe Edge Animate CC. Je dobre známe, že spoločnosť Apple nepovoľuje fungovanie animácií Adobe Flash vo svojich prenosných zariadeniach – a to vrátane zariadení iPhone, iPod touch a iPad. Steve Jobs pred svojou smrťou uviedol, že Flash má príliš veľa bezpečnostných zraniteľností a iných negatívnych aspektov na to, aby Apple umožnil Flash pracovať s iOS.

Na druhej strane Edge Animate týmito problémami netrpí. Kompozície Edge Animate budú fungovať dobre na produktoch Apple – a na zariadeniach so systémom Android – či už ide o tablety všetkých typov, smartfóny a ďalšie zariadenia, ktoré používajú moderné mobilné prehliadače.

Leave a Comment

Vlákno a prepojenie textových rámov InDesign CS5

Vlákno a prepojenie textových rámov InDesign CS5

Naučte sa, ako prepojiť (prepojiť) textové rámčeky v InDesign Creative Suite 5, aby medzi nimi mohol plynúť text a optimalizovať tak svoje publikácie.

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Prepojiť a vložiť obrázky do dokumentov InDesign CS5

Obrázky, ktoré importujete do dokumentov InDesign, môžu byť prepojené alebo vložené. Pochopte, kedy použiť každú metódu pre optimalizované publikovanie.

Ako upraviť akciu vo Photoshope CS6

Ako upraviť akciu vo Photoshope CS6

Adobe Photoshop CS6 vám umožňuje upravovať akcie. Naučte sa, ako upraviť akcie, aby ste dosiahli požadované výsledky pri práci s obrázkami.

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Ako umiestniť a orezať kresbu v aplikácii Adobe Illustrator

Predtým, ako sa naučíte orezávať obrázky v aplikácii Adobe Illustrator, musíte najprv umiestniť obrázky. Preskúmajte, ako vložiť a prepojiť súbory a umiestniť text do cesty.

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Prispôsobenie a používanie pravítka a príručky Adobe CS5 Illustrator

Adobe Illustrator v rámci Adobe CS5 ponúka pokročilé metódy pre efektívne usporiadanie a umiestňovanie ilustrácií. Prispôsobenie pravítka a sprievodcov vám pomôže dosiahnuť presné výsledky.

Zmeňte nastavenie dokumentu InDesign CS5

Zmeňte nastavenie dokumentu InDesign CS5

Naučte sa, ako zmeniť nastavenie dokumentu v InDesign Creative Suite 5 vrátane veľkosti strán a počtu strán. Toto je praktický sprievodca pre efektívnu prácu s dokumentmi.

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Ako vytvoriť orezové cesty v programe Adobe Photoshop CS6

Naučte sa, ako vytvoriť orezové cesty v Adobe Photoshop CS6 pre dokonalé siluety, ktoré sú vhodné na prenášanie do iných aplikácií na zalamovanie textu. Orezové cesty sú základom pre efektívnu prácu s grafikou.

Ako nastaviť zásady správy farieb vo Photoshope CS6

Ako nastaviť zásady správy farieb vo Photoshope CS6

Naučte sa, ako nastaviť zásady správy farieb vo Photoshope CS6, aby ste optimálne spravovali farebné profily a dosiahli presné farby vo svojich projektoch.

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Úprava tabuľky v programe Adobe CS5 Dreamweaver

Adobe Creative Suite 5 (Adobe CS5) Dreamweaver ponúka efektívne metódy na úpravu tabuliek, vrátane pridávania a odstraňovania riadkov a stĺpcov. Naučte sa optimalizovať svoje tabulky pre lepšie SEO.

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Ako zmeniť veľkosť tvarov v aplikácii Illustrator

Pri navrhovaní v aplikácii Adobe Illustrator CC často potrebujete presnú veľkosť tvarov. Zmeňte veľkosť tvarov rýchlo pomocou nástroja Transformácia a rôznych techník.