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.


Ako použiť transparentnosť na SVG

Ako použiť transparentnosť na SVG

Zistite, ako použiť priehľadnosť na grafiku SVG v aplikácii Illustrator. Preskúmajte, ako vytlačiť SVG s priehľadným pozadím a použiť efekty priehľadnosti.

Práca s obrázkami v Adobe XD

Práca s obrázkami v Adobe XD

Po importovaní obrázkov do Adobe XD nemáte veľkú kontrolu nad úpravami, ale môžete meniť veľkosť a otáčať obrázky rovnako ako akýkoľvek iný tvar. Pomocou rohových miniaplikácií môžete tiež jednoducho zaobliť rohy importovaného obrázka. Maskovanie obrázkov Definovaním uzavretého tvaru […]

Ako upraviť vlastnosti textu v Adobe XD

Ako upraviť vlastnosti textu v Adobe XD

Keď máte v projekte Adobe XD text, môžete začať meniť vlastnosti textu. Medzi tieto vlastnosti patrí rodina písma, veľkosť písma, hrúbka písma, zarovnanie, medzera medzi znakmi (vyrovnávanie a sledovanie), riadkovanie (nadpis), výplň, orámovanie (ťah), tieň (tieň) a rozostrenie pozadia. Pozrime sa teda, ako sa tieto vlastnosti uplatňujú. O čitateľnosti a písme […]

Práca s umeleckými plátnami vo Photoshope CC

Práca s umeleckými plátnami vo Photoshope CC

Podobne ako v programe Adobe Illustrator, aj umelecké plátna Photoshopu poskytujú možnosť vytvárať samostatné stránky alebo obrazovky v rámci jedného dokumentu. To môže byť obzvlášť užitočné, ak vytvárate obrazovky pre mobilnú aplikáciu alebo malú brožúru. Artboard si môžete predstaviť ako špeciálny typ skupiny vrstiev vytvorenej pomocou panela Vrstvy. Jeho […]

Tvary a mnohouholníky v InDesigne

Tvary a mnohouholníky v InDesigne

Mnohé z nástrojov, ktoré nájdete na paneli Nástroje InDesignu, sa používajú na kreslenie čiar a tvarov na stránke, takže máte niekoľko rôznych spôsobov vytvárania zaujímavých kresieb pre svoje publikácie. V InDesigne môžete vytvárať čokoľvek od základných tvarov až po zložité kresby, namiesto toho, aby ste museli používať program na kreslenie, ako je […]

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zalamovanie textu v aplikácii Adobe Illustrator CC

Zabalenie textu v aplikácii Adobe Illustrator CC nie je úplne to isté ako balenie darčeka – je to jednoduchšie! Zalomenie textu vynúti obtekanie textu okolo grafiky, ako je znázornené na tomto obrázku. Táto funkcia môže každému kúsku dodať kúsok kreativity. Grafika núti obtekať text. Najprv vytvorte […]

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, aby mal tvar presnú veľkosť (napríklad 2 x 3 palce). Po vytvorení tvaru je najlepším spôsobom, ako zmeniť jeho veľkosť na presné rozmery, použiť panel Transformácia, ktorý je znázornený na tomto obrázku. Nechajte si vybrať objekt a potom zvoľte Okno→Transformovať na […]

Ako vytvoriť QR kódy v InDesign CC

Ako vytvoriť QR kódy v InDesign CC

InDesign môžete použiť na vytváranie a úpravu grafiky s kódom QR. QR kódy sú formou čiarového kódu, ktorý môže uchovávať informácie, ako sú slová, čísla, adresy URL alebo iné formy údajov. Používateľ naskenuje QR kód pomocou svojho fotoaparátu a softvéru na zariadení, ako je napríklad smartfón, a softvér využíva […]

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Ako dosiahnuť, aby nová fotografia vyzerala staro vo Photoshope CS6

Môže nastať čas, keď budete potrebovať novú fotografiu, aby vyzerala staro. Photoshop CS6 vám pomôže. Čiernobiela fotografia je novším fenoménom, než by ste si mysleli. Dagerotypie a iné rané fotografie mali často hnedastý alebo modrastý odtieň. Môžete si vytvoriť vlastné majstrovské diela v sépiovom tóne. Tónované obrázky môžu vytvárať […]

Funkcia Live Paint v Adobe CS5 Illustrator

Funkcia Live Paint v Adobe CS5 Illustrator

Pomocou funkcie Live Paint v aplikácii Adobe Creative Suite 5 (Adobe CS5) Illustrator môžete vytvoriť požadovaný obrázok a vyplniť oblasti farbou. Vedro Live Paint automaticky rozpozná oblasti zložené z nezávislých pretínajúcich sa ciest a podľa toho ich vyplní. Farba v danej oblasti zostáva živá a tečie automaticky, ak existuje […]