Održavajte kompatibilnost preglednika s Adobe Edge Animate CC

Adobe Edge Animate CC radi u svim modernim preglednicima — uključujući najnovije verzije Chromea, Firefoxa, Opera, Safarija i Internet Explorera 9. Također radi na svim tabletima i pametnim telefonima koji imaju instalirane moderne preglednike. Za publiku koja ne koristi moderne preglednike, Edge Animate pruža zamjensku opciju koju možete koristiti kako vaša animacija ne bi izgledala pokvarena.

Kompatibilnost je važna za web sadržaj; ako preglednik ne podržava vaš kod, onda vaša animacija neće raditi. Nije ni čudo što Adobe Edge Animate CC stvara kod koji radi u svim modernim preglednicima.

Zabrinutost s HTML5 i starijim preglednicima

Mnogi web programeri zabrinuti su da svi dijelovi HTML5 nisu kompatibilni sa svim preglednicima. To se posebno odnosi na Internet Explorer. Tamo gdje će mnoge značajke HTML5 raditi u preglednicima kao što su Chrome i Firefox, neće uvijek raditi u Internet Exploreru.

Zbog toga se mnogi web programeri pitaju koliko bi trebali početi koristiti HTML5. Web programerima nije u najboljem interesu stvarati web stranice koje ne rade u svim preglednicima — ali budućnost je još uvijek pomalo mutna, a mnogi ljudi su zadovoljni korištenjem starih preglednika.

Adobe je riješio ove probleme s Edge Animate. Možete se osjećati sigurno i sigurno znajući da će vaše web-kompozicije Edge Animate raditi u svim modernim preglednicima, uključujući trenutne verzije Firefoxa, Chromea, Safarija i Internet Explorera 9.

Ne morate poznavati HTML5, pa čak ni HTML, da biste koristili Edge Animate. Ali što više znate, bolje ćete biti ako trebate koristiti kod kako biste ga implementirali za gledanje. Softver Edge Animate stvara kod za vas dok gradite svoju web animaciju.

Kada spremite svoju Edge Animate datoteku, softver stvara nekoliko različitih datoteka. Jedna od tih datoteka ima ekstenziju naziva datoteke .html. HTML5 kod je unutar .html datoteke. Ovu datoteku možete vidjeti u bilo kojem uređivaču običnog teksta kao što je Notepad. Nakon što ste gotovi sa stvaranjem svoje kompozicije, možete pogledati animaciju u web-pregledniku - bilo iz softvera, ili dvostrukim klikom na .html datoteku, koja se otvara i reproducira vašu animaciju u vašem zadanom pregledniku.

Kompatibilnost preglednika stolnog računala

Kompatibilnost s web-preglednikom Microsoft Internet Explorer problem je s kojim se web programeri moraju boriti kada razvijaju web-mjesta. Microsoft je sporo ažurirao Internet Explorer kako bi bio kompatibilan s HTML5 – a kod koji savršeno radi u Chromeu, Safariju i Firefoxu ne ponaša se dobro u ranijim verzijama Internet Explorera.

Na primjer, ako kodirate obrub tako da ima zaobljene rubove, tada će vaši kutovi izgledati zaokruženi u Chromeu i Firefoxu; ali pogledaj tu istu stranicu u IE i odjednom tvoji zaobljeni rubovi izgledaju kvadratni. Ovakvi problemi mogu uništiti dizajn web stranice.

Preglednici kao što su Firefox, Chrome, Safari i Opera već podržavaju mnoge aspekte HTML5. Nema zabrinutosti što Adobe Edge Animate CC kompozicije savršeno rade u ovim preglednicima. Ovi preglednici također imaju ugrađena automatska ažuriranja za svoje korisnike. Zbog toga web dizajneri i programeri mogu biti sigurni da njihovi korisnici najvjerojatnije koriste najnoviju verziju tog preglednika.

Što učiniti za Internet Explorer 8 i starije verzije

U idealnom svijetu svatko bi redovito nadograđivao svoje preglednike. Nažalost, to ne može svatko, iz bilo kojeg razloga. Iako je Internet Explorer 9 otvorio vrata HTML5 kompatibilnosti, što znači da Edge Animate radi u toj verziji preglednika, nisu svi korisnici IE-a nadogradili svoje preglednike.

Još uvijek nije neuobičajeno da mnogi korisnici IE koriste verzije 7 i 8 — i (na užas i užas mnogih dizajnera) IE 6 još uvijek koriste mnogi ljudi.

Adobe Edge Animate CC kompozicije neće raditi u Internet Exploreru 8 i starijim verzijama, baš kao što HTML5 ne radi u IE6.

Međutim, dobra vijest je da sve više korisnika weba nadograđuje svoje preglednike, a korištenje IE6 polako opada. Uz to, međutim, Edge Animate radi u svim modernim prijenosnim preglednicima. Ako vam je glavni cilj kreirati animirane aplikacije za korištenje na pametnim telefonima i tabletima, onda ste jako sretni.

Ako stvarate web animacije za publiku koja još uvijek koristi IE8 i starije preglednike, ta prikrivena zastarjelost može biti problem kada koristite Adobe Edge Animate CC. Recite da provodite bezbroj sati razvijajući savršenu web animaciju, a zatim je postavite na internet. Testirali ste ga u Firefoxu i IE 9, i radi savršeno.

Zatim hodate preko hodnika da ga pokažete svom šefu — i na vaš užas, ne radi jer vaš šef koristi IE 6. Pa, u stvarnom svijetu, postoji velika šansa da su mnogi vaši klijenti i kupci također koristeći stariju verziju IE-a koja nije kompatibilna s Edge Animate.

Srećom, Edge Animate nudi vam barem dvije opcije: možete (a) koristiti podršku za Google Chrome Frame ili (b) koristiti podršku preglednika na nižoj razini — značajku koja vam omogućuje izradu postera (statične slike) ili koristiti statički HTML, zamijeniti animaciju - što sprječava da vaša web stranica izgleda "pokvarena". Vaša publika vidi sliku koja izgleda onako kako bi trebala izgledati, iako nije animirana.

Podrška za Google Chrome Frame

Edge Animate ima značajku koja vam omogućuje korištenje podrške za Google Chrome Frame za preglednike koji ne podržavaju animaciju. Kao sljedeći korak prema podršci preglednika na nižoj razini, možete objaviti sadržaj Edge Animate kako bi ga vaša publika mogla vidjeti u IE 6, 7 ili 8 pomoću Google Chrome Framea. Za korisnika koji još nema Google Chrome Frame, možete kontrolirati i iskustvo njegove instalacije.

Edge Animate ima stupnjeve niže razine

Na dolje razini Faze u Edge Poticanje su verzije Stage koje možete koristiti za stvaranje i objavljivanje verziju za dolje razini svog sastava koji će biti kompatibilan s preglednicima koji ne podržavaju HTML5 animacije. Niže razine nude samo minimalne alate za kreiranje, ali možete

  • Uvezite grafiku i kreirajte tekstualne elemente.

  • Uvezite poster iz glavne kompozicije.

U osnovi, animacije koje izradite i postavite na internet mogu otkriti preglednike koje vaša publika koristi. Ako kod otkrije da netko koristi nekompatibilan preglednik za vašu animaciju, tada se vraća na prikaz slike postera umjesto animacije. Time se vaša web stranica ne čini neispravnom. Umjesto da vidi animaciju koja ne radi, publika vidi poster — nepokretni kadar — koji kreirate od animacije.

Opet, ne morate znati kod da bi niža razina Stage podrška funkcionirala. Iako kodiranje za otkrivanje preglednika može biti nezgodno, Edge Animate ima tu mogućnost ugrađenu — i to je opcija koju možete odabrati kada ste spremni za objavljivanje.

Kompatibilnost s preglednicima za tablete i mobilne uređaje

Gdje Adobe Flash zakaže, Adobe Edge Animate CC radi. Dobro je poznato da Apple ne dopušta Adobe Flash animaciju da radi na svojim prijenosnim uređajima — a to uključuje iPhone, iPod touch i iPad. Steve Jobs je prije svoje smrti izjavio da Flash ima previše sigurnosnih propusta i drugih negativnih aspekata da bi Apple omogućio Flashu rad s iOS-om.

Edge Animate, s druge strane, ne pati od tih problema. Vaše Edge Animate kompozicije savršeno će funkcionirati na Apple proizvodima — i na Android uređajima — bilo na tabletima svih vrsta, pametnim telefonima i drugim uređajima koji koriste moderne mobilne preglednike.


Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]

Kako podesiti svojstva teksta u Adobe XD

Kako podesiti svojstva teksta u Adobe XD

Kada imate tekst u svom Adobe XD projektu, možete početi mijenjati svojstva teksta. Ova svojstva uključuju obitelj fontova, veličinu fonta, težinu fonta, poravnanje, razmak između znakova (kerning i praćenje), razmak između redaka (vodeće), ispunu, obrub (crtanje), sjenku (sjena) i zamućenje pozadine. Pa pogledajmo kako se ta svojstva primjenjuju. O čitljivosti i fontu […]

Rad s umjetničkim pločama u Photoshopu CC

Rad s umjetničkim pločama u Photoshopu CC

Baš kao i u Adobe Illustratoru, Photoshopove umjetničke ploče pružaju mogućnost izrade zasebnih stranica ili zaslona unutar jednog dokumenta. To može biti osobito korisno ako gradite zaslone za mobilnu aplikaciju ili malu brošuru. Artboard možete zamisliti kao posebnu vrstu grupe slojeva stvorenu pomoću ploče Slojevi. Njegov […]

Oblici i poligoni u InDesignu

Oblici i poligoni u InDesignu

Mnogi alati koje pronađete na ploči InDesign Alati koriste se za crtanje linija i oblika na stranici, tako da imate nekoliko različitih načina stvaranja zanimljivih crteža za svoje publikacije. Možete stvoriti bilo što, od osnovnih oblika do zamršenih crteža unutar InDesigna, umjesto da morate koristiti program za crtanje kao što je […]

Zamotajte tekst u Adobe Illustrator CC

Zamotajte tekst u Adobe Illustrator CC

Omatanje teksta u Adobe Illustrator CC nije isto što i zamatanje poklona — lakše je! Prelamanje teksta prisiljava tekst da se omota oko grafike, kao što je prikazano na ovoj slici. Ova značajka može dodati malo kreativnosti svakom komadu. Grafika tjera tekst da se omota oko nje. Prvo stvorite […]

Kako promijeniti veličinu oblika u Illustratoru

Kako promijeniti veličinu oblika u Illustratoru

Kada dizajnirate u Adobe Illustrator CC, često vam je potreban oblik točne veličine (na primjer, 2 x 3 inča). Nakon što izradite oblik, najbolji način da mu promijenite veličinu na točne mjere je korištenje ploče Transform, prikazane na ovoj slici. Odaberite objekt, a zatim odaberite Prozor→ Transformiraj u […]

Kako stvoriti QR kodove u InDesign CC

Kako stvoriti QR kodove u InDesign CC

Možete koristiti InDesign za izradu i izmjenu grafike QR koda. QR kodovi su oblik crtičnog koda koji može pohraniti informacije kao što su riječi, brojevi, URL-ovi ili drugi oblici podataka. Korisnik skenira QR kod pomoću svoje kamere i softvera na uređaju, kao što je pametni telefon, a softver koristi […]

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Možda će vam biti potrebna nova fotografija da biste izgledali staro. Photoshop CS6 vas pokriva. Crno-bijela fotografija noviji je fenomen nego što mislite. Dagerotipije i druge rane fotografije često su imale smećkasti ili plavkasti ton. Možete stvoriti vlastita remek-djela u tonovima sepije. Tonirane slike mogu stvoriti […]

Značajka Live Paint u Adobe CS5 Illustratoru

Značajka Live Paint u Adobe CS5 Illustratoru

Koristeći značajku Live Paint u Adobe Creative Suite 5 (Adobe CS5) Illustrator, možete stvoriti sliku koju želite i ispuniti regije bojom. Bucket Live Paint automatski detektira regije sastavljene od neovisnih staza koje se sijeku i ispunjava ih u skladu s tim. Boja unutar određene regije ostaje živa i automatski teče ako postoji […]