Säilitage brauseri ühilduvus Adobe Edge Animate CC-ga

Adobe Edge Animate CC töötab kõigis kaasaegsetes brauserites – sealhulgas Chrome'i, Firefoxi, Opera, Safari ja Internet Explorer 9 uusimates versioonides. See töötab ka kõigis tahvelarvutites ja nutitelefonides, kuhu on installitud kaasaegsed brauserid. Vaatajaskondade jaoks, kes ei kasuta kaasaegseid brausereid, pakub Edge Animate varuvalikut, mida saate kasutada, et teie animatsioon ei paistaks olevat katkine.

Ühilduvus on veebisisu puhul oluline; kui brauser teie koodi ei toeta, siis teie animatsioon ei tööta. Pole ime, et Adobe Edge Animate CC loob koodi, mis töötab kõigis kaasaegsetes brauserites.

Mure HTML5 ja vanemate brauserite pärast

Paljud veebiarendajad on mures, et mitte kõik HTML5 osad ei ühildu kõigi brauseritega. See kehtib eriti Internet Exploreri puhul. Kui paljud HTML5 funktsioonid töötavad brauserites, nagu Chrome ja Firefox, ei tööta need alati Internet Exploreris.

See paneb paljud veebiarendajad küsima, kui laialdaselt peaksid nad HTML5 kasutama hakkama. Veebiarendaja huvides ei ole luua veebilehti, mis ei tööta kõigis brauserites – kuid tulevik on endiselt veidi hägune ja paljud inimesed on rahul vanade brauserite kasutamisega.

Adobe on need probleemid lahendanud Edge Animate'iga. Võite tunda end turvaliselt, teades, et teie Edge Animate veebikompositsioonid töötavad kõigis kaasaegsetes brauserites, sealhulgas Firefoxi, Chrome'i, Safari ja Internet Explorer 9 praegustes versioonides.

Edge Animate'i kasutamiseks ei pea te teadma HTML5 ega isegi HTML-i. Kuid mida rohkem teate, seda parem on teil, kui peate kasutama koodi selle vaatamiseks rakendamiseks. Edge Animate tarkvara loob veebianimatsiooni loomise ajal teie eest koodi.

Edge Animate faili salvestamisel loob tarkvara mitu erinevat faili. Ühel neist failidest on failinime laiend .html. HTML5 kood asub .html-failis. Seda faili saate vaadata mis tahes lihttekstiredaktoriga, näiteks Notepadiga. Kui olete kompositsiooni loomise lõpetanud, saate animatsiooni vaadata veebibrauseris – kas tarkvaras või topeltklõpsates .html-failil, mis avaneb ja esitab animatsiooni teie vaikebrauseris.

Lauaarvuti brauseri ühilduvus

Ühilduvus Microsoft Internet Exploreri veebibrauseriga on probleem, millega veebiarendajad peavad saitide arendamisel võitlema. Microsoft on olnud aeglane Internet Exploreri värskendamisel, et see ühilduks HTML5-ga – ja kood, mis töötab suurepäraselt Chrome'is, Safaris ja Firefoxis, ei käitu Internet Exploreri varasemates versioonides hästi.

Näiteks kui kodeerite äärisele ümardatud servad, kuvatakse teie nurgad Chrome'is ja Firefoxis ümardatuna. kuid vaadake seda sama saiti IE-s ja äkki paistavad teie ümarad servad ruudukujulised. Sellised probleemid võivad veebisaidi kujundust rikkuda.

Sellised brauserid nagu Firefox, Chrome, Safari ja Opera toetavad juba paljusid HTML5 aspekte. Pole muret, et Adobe Edge Animate CC kompositsioonid töötavad nendes brauserites ideaalselt. Nendel brauseritel on ka kasutajate jaoks sisseehitatud automaatsed värskendused. Seetõttu võivad veebidisainerid ja arendajad olla kindlad, et nende kasutajad kasutavad suure tõenäosusega selle brauseri uusimat versiooni.

Mida teha Internet Explorer 8 ja vanemate versioonide puhul

Ideaalses maailmas uuendaksid kõik oma brausereid regulaarselt. Kahjuks ei saa kõik seda mingil põhjusel teha. Kuigi Internet Explorer 9 on avanud ukse HTML5-ühilduvusele, mis tähendab, et Edge Animate töötab selles brauseri versioonis, pole kõik IE kasutajad oma brausereid täiendanud.

See pole ikka veel haruldane, et paljud IE kasutajad kasutavad versioone 7 ja 8 – ja (paljude disainerite õuduseks ja meelehärmiks) on IE 6 endiselt paljude inimeste kasutuses.

Adobe Edge Animate CC kompositsioonid ei tööta Internet Explorer 8 ja vanemates versioonides, nagu HTML5 ei tööta IE6-s.

Hea uudis on aga see, et üha rohkem veebikasutajaid uuendab oma brausereid ja IE6 kasutamine väheneb aeglaselt. Seda arvestades töötab Edge Animate kõigis kaasaegsetes kaasaskantavates brauserites. Kui teie peamine eesmärk on luua nutitelefonides ja tahvelarvutites kasutamiseks animeeritud rakendusi, siis on teil palju õnne.

Kui loote veebianimatsioone vaatajaskonnale, kes kasutab endiselt IE8 ja vanemaid brausereid, võib Adobe Edge Animate CC kasutamisel muret tekitada varitsev vananemine. Oletagem, et veedate lugematuid tunde ideaalse veebianimatsiooni väljatöötamisel ja panite selle siis võrku. Testisite seda Firefoxis ja IE 9-s ning see töötab ideaalselt.

Seejärel kõnnite üle saali, et seda oma ülemusele näidata – ja teie õuduseks see ei tööta, sest teie ülemus kasutab IE 6. Noh, päris maailmas on suur tõenäosus, et paljud teie kliendid ja kliendid on samuti kasutades IE varasemat versiooni, mis ei ühildu Edge Animate'iga.

Õnneks pakub Edge Animate teile vähemalt kaks võimalust: saate (a) kasutada Google Chrome Frame'i tuge või (b) kasutada madalama taseme brauseri tuge – funktsioon, mis võimaldab teil luua plakati (staatiline pilt) või kasutada staatilist HTML-i, asendada animatsioon – see hoiab ära teie veebisaidi katki paistmise. Teie vaatajaskond näeb pilti, mis näeb välja selline, nagu see peaks välja nägema, kuigi see pole animeeritud.

Google Chrome Frame tugi

Edge Animate'il on funktsioon, mis võimaldab kasutada Google Chrome Frame'i tuge brauserite jaoks, mis animatsiooni ei toeta. Järgmise sammuna madalama taseme brauseri toe poole saate avaldada Edge Animate sisu, et teie publik saaks seda vaadata IE 6, 7 või 8 abil, kasutades Google Chrome Frame'i. Kasutajad, kellel pole veel Google Chrome Frame'i, saate juhtida ka selle installimise kogemust.

Edge Animate'il on madalama taseme etapid

Alla tasandil etapid on serv suurenda on versioonid etapp, mida saab kasutada, et luua ja avaldada alla tasandil versiooni koostisega, mis ühildub brauserid, mis ei toeta HTML5 animatsiooni. Madalama taseme etapid pakuvad vaid minimaalseid loomistööriistu, kuid saate seda teha

  • Importige graafikat ja looge tekstielemente.

  • Importige põhikompositsioonist plakat.

Põhimõtteliselt suudavad teie loodud ja võrku paigutatud animatsioonid tuvastada brausereid, mida teie vaatajaskond kasutab. Kui kood tuvastab, et keegi kasutab teie animatsiooni jaoks mitteühilduvat brauserit, kuvatakse animatsiooni asemel plakat. See säästab teie veebisaiti purunemise eest. Selle asemel, et näha animatsiooni, mis ei tööta, näeb publik plakatit – liikumatut kaadrit –, mille te animatsioonist loote.

Jällegi ei pea te madalama taseme etapi tugi toimimiseks koodi teadma. Kuigi brauseri tuvastamise kodeerimine võib olla keeruline, on Edge Animatel see võimalus sisse ehitatud – ja see on valik, mille saate valida, kui olete avaldamiseks valmis.

Ühilduvus tahvelarvutite ja mobiilibrauseritega

Kui Adobe Flash ebaõnnestub, töötab Adobe Edge Animate CC. On hästi teada, et Apple ei luba Adobe Flashi animatsioonil oma kaasaskantavates seadmetes töötada – see hõlmab iPhone'i, iPod touchi ja iPadi. Steve Jobs väitis enne surma, et Flashil on liiga palju turvaauke ja muid negatiivseid aspekte, et Apple lubaks Flashil iOS-iga töötada.

Edge Animate seevastu ei kannata nende probleemide all. Teie Edge Animate kompositsioonid töötavad suurepäraselt Apple'i toodetega ja Android-seadmetega, olgu need siis igat tüüpi tahvelarvutid, nutitelefonid ja muud seadmed, mis kasutavad kaasaegseid mobiilibrausereid.


Kuidas SVG-dele läbipaistvust rakendada

Kuidas SVG-dele läbipaistvust rakendada

Siit saate teada, kuidas Illustratoris SVG-graafikale läbipaistvust rakendada. Uurige, kuidas väljastada läbipaistva taustaga SVG-sid ja rakendada läbipaistvusefekte.

Piltidega töötamine Adobe XD-s

Piltidega töötamine Adobe XD-s

Pärast piltide importimist Adobe XD-sse ei ole teil palju redigeerimiskontrolli, kuid saate kujutiste suurust muuta ja pöörata täpselt nagu mis tahes muu kujuga. Samuti saate nurgavidinate abil hõlpsasti ümardada imporditud pildi nurki. Piltide maskeerimine Kinnise kuju määratlemisega […]

Kuidas kohandada teksti atribuute Adobe XD-s

Kuidas kohandada teksti atribuute Adobe XD-s

Kui teie Adobe XD projektis on tekst olemas, saate hakata teksti atribuute muutma. Nende atribuutide hulka kuuluvad fondiperekond, fondi suurus, fondi kaal, joondus, märgivahe (joonimine ja jälgimine), reavahe (eesmärk), täitmine, ääris (joon), vari (langev vari) ja tausta hägu. Nii et vaatame üle, kuidas neid omadusi rakendatakse. Loetavuse ja fondi kohta […]

Photoshop CC graafikaplaatidega töötamine

Photoshop CC graafikaplaatidega töötamine

Nii nagu Adobe Illustratoris, võimaldavad Photoshopi joonised luua ühes dokumendis eraldi lehti või ekraane. See võib olla eriti kasulik, kui koostate ekraane mobiilirakenduse või väikese brošüüri jaoks. Joonistahvlit võib pidada eri tüüpi kihirühmaks, mis on loodud paneeli Kihid abil. Selle […]

Kujundid ja hulknurgad InDesignis

Kujundid ja hulknurgad InDesignis

Paljusid InDesigni tööriistade paneelil leiduvaid tööriistu kasutatakse lehele joonte ja kujundite joonistamiseks, nii et teil on väljaannete jaoks huvitavate jooniste loomiseks mitu erinevat võimalust. InDesignis saate luua kõike alates põhikujunditest kuni keerukate joonisteni, selle asemel, et kasutada joonistusprogrammi nagu […]

Murdke tekst Adobe Illustrator CC-s

Murdke tekst Adobe Illustrator CC-s

Teksti pakkimine Adobe Illustrator CC-s ei ole päris sama, mis kingituse pakkimine – see on lihtsam! Teksti murdmine sunnib teksti ümber graafika, nagu on näidatud sellel joonisel. See funktsioon võib lisada igale teosele pisut loovust. Graafika sunnib teksti enda ümber keerduma. Esiteks looge […]

Kuidas Illustratoris kujundite suurust muuta

Kuidas Illustratoris kujundite suurust muuta

Adobe Illustrator CC-s kujundamisel on sageli vaja, et kuju oleks täpse suurusega (näiteks 2 x 3 tolli). Pärast kujundi loomist on parim viis selle täpsete mõõtude muutmiseks kasutada sellel joonisel näidatud teisenduspaneeli. Laske objekt valida ja seejärel valige Aken → Teisenda […]

Kuidas luua InDesign CC-s QR-koode

Kuidas luua InDesign CC-s QR-koode

InDesigni saate kasutada QR-koodi graafika loomiseks ja muutmiseks. QR-koodid on vöötkoodi vorm, mis võib salvestada teavet, nagu sõnad, numbrid, URL-id või muud tüüpi andmed. Kasutaja skannib QR-koodi kasutades oma kaamerat ja tarkvara seadmes, näiteks nutitelefonis ning tarkvara kasutab […]

Kuidas muuta uus foto Photoshop CS6-s vanaks

Kuidas muuta uus foto Photoshop CS6-s vanaks

Võib juhtuda, et vajate uut fotot, et vana välja näha. Photoshop CS6 pakub teile tähelepanu. Must-valge fotograafia on uuem nähtus, kui arvata võiks. Dagerrotüüpidel ja muudel varastel fotodel oli sageli pruunikas või sinakas toon. Saate ise luua seepiatoonides meistriteoseid. Toonitud pildid võivad luua […]

Adobe CS5 Illustratori Live Paint funktsioon

Adobe CS5 Illustratori Live Paint funktsioon

Adobe Creative Suite 5 (Adobe CS5) Illustratori funktsiooni Live Paint kasutades saate luua soovitud pildi ja täita piirkonnad värviga. Live Paint ämber tuvastab automaatselt iseseisvatest ristuvatest teedest koosnevad piirkonnad ja täidab need vastavalt. Teatud piirkonna värv jääb elavaks ja voolab automaatselt, kui seda on […]