Ruani përputhshmërinë e shfletuesit me Adobe Edge Animate CC

Adobe Edge Animate CC funksionon në të gjithë shfletuesit modernë — duke përfshirë versionet më të fundit të Chrome, Firefox, Opera, Safari dhe Internet Explorer 9. Gjithashtu funksionon në të gjithë tabletët dhe telefonat inteligjentë që kanë të instaluar shfletues modern. Për audiencat që nuk përdorin shfletues modern, Edge Animate ofron një opsion rezervë që mund ta përdorni në mënyrë që animacioni juaj të mos duket i prishur.

Përputhshmëria është e rëndësishme për përmbajtjen e internetit; nëse një shfletues nuk e mbështet kodin tuaj, atëherë animacioni juaj nuk do të funksionojë. Nuk është çudi që Adobe Edge Animate CC krijon kod që funksionon në të gjithë shfletuesit modernë.

Shqetësimet me HTML5 dhe shfletuesit më të vjetër

Shumë zhvillues të uebit janë të shqetësuar se jo të gjitha pjesët e HTML5 janë të pajtueshme me të gjithë shfletuesit. Kjo është veçanërisht e vërtetë me Internet Explorer. Aty ku shumë veçori të HTML5 do të funksionojnë në shfletues si Chrome dhe Firefox, ato nuk do të funksionojnë gjithmonë në Internet Explorer.

Kjo i lë shumë zhvillues të uebit të pyesin se sa gjerësisht duhet të fillojnë të përdorin HTML5. Nuk është në interesin më të mirë të një zhvilluesi të uebit të krijojë faqe ueb që nuk funksionojnë në të gjithë shfletuesit – por e ardhmja është ende pak e errët dhe shumë njerëz janë të kënaqur të përdorin shfletues të vjetër.

Adobe i ka trajtuar këto çështje me Edge Animate. Ju mund të ndiheni të sigurt dhe të sigurt duke ditur se kompozimet tuaja të uebit Edge Animate do të funksionojnë në të gjithë shfletuesit modernë, duke përfshirë versionet aktuale të Firefox, Chrome, Safari dhe Internet Explorer 9.

Ju nuk keni nevojë të dini HTML5, apo edhe HTML, për të përdorur Edge Animate. Por sa më shumë të dini, aq më mirë do të jeni nëse duhet të përdorni kodin për të ndihmuar në zbatimin e tij për shikim. Softueri Edge Animate krijon kodin për ju ndërsa ndërtoni animacionin tuaj në ueb.

Kur ruani skedarin tuaj Edge Animate, softueri krijon disa skedarë të ndryshëm. Një nga ato skedarë ka shtesën e emrit të skedarit .html. Kodi HTML5 është brenda skedarit .html. Ju mund ta shikoni këtë skedar me çdo redaktues teksti të thjeshtë, si p.sh. Notepad. Pasi të keni mbaruar krijimin e kompozimit tuaj, mund ta shikoni animacionin në një shfletues uebi - ose nga brenda softuerit, ose duke klikuar dy herë në skedarin .html, i cili hap dhe luan animacionin tuaj në shfletuesin tuaj të paracaktuar.

Pajtueshmëria e shfletuesit të desktopit

Përputhshmëria me shfletuesin e internetit Microsoft Internet Explorer është një çështje me të cilën zhvilluesit e uebit duhet të përballen kur zhvillojnë sajte. Microsoft ka qenë i ngadalshëm në përditësimin e Internet Explorer për të qenë i pajtueshëm me HTML5 – dhe kodi që funksionon mirë në Chrome, Safari dhe Firefox nuk sillet mirë në versionet e mëparshme të Internet Explorer.

Për shembull, nëse kodoni një kufi që të ketë skaje të rrumbullakosura, atëherë qoshet tuaja do të shfaqen të rrumbullakosura në Chrome dhe Firefox; por shikoni të njëjtin vend në IE dhe papritmas skajet tuaja të rrumbullakosura shfaqen katrore. Çështje si kjo mund të prishin dizajnin e një faqe interneti.

Shfletuesit si Firefox, Chrome, Safari dhe Opera tashmë mbështesin shumë aspekte të HTML5. Nuk ka asnjë shqetësim me kompozimet e Adobe Edge Animate CC që funksionojnë në mënyrë të përsosur në këta shfletues. Këta shfletues kanë gjithashtu përditësime automatike të integruara për përdoruesit e tyre. Për shkak të kësaj, dizajnerët dhe zhvilluesit e uebit mund të ndjehen të sigurt se përdoruesit e tyre me shumë gjasa përdorin versionin më aktual të atij shfletuesi.

Çfarë duhet të bëni për Internet Explorer 8 dhe versionet më të vjetra

Në një botë ideale, të gjithë do të përmirësonin rregullisht shfletuesit e tyre. Fatkeqësisht, jo të gjithë mund ta bëjnë këtë, për çfarëdo arsye. Edhe pse Internet Explorer 9 ka hapur derën për pajtueshmërinë me HTML5, që do të thotë se Edge Animate funksionon në atë version të shfletuesit, jo të gjithë përdoruesit e IE i kanë përmirësuar shfletuesit e tyre.

Nuk është ende e pazakontë që shumë përdorues të IE të përdorin versionet 7 dhe 8 - dhe (për tmerrin dhe zhgënjimin e shumë stilistëve) IE 6 është ende në përdorim nga shumë njerëz.

Kompozimet e Adobe Edge Animate CC nuk do të funksionojnë në Internet Explorer 8 dhe versionet më të vjetra, ashtu si HTML5 nuk funksionon në IE6.

Megjithatë, lajmi i mirë është se gjithnjë e më shumë përdorues të internetit po përmirësojnë shfletuesit e tyre dhe përdorimi i IE6 po pakësohet ngadalë. Megjithatë, Edge Animate funksionon në të gjithë shfletuesit modern portativ. Nëse qëllimi juaj kryesor është të krijoni aplikacione të animuara për përdorim në telefonat inteligjentë dhe tabletët, atëherë jeni shumë me fat.

Nëse po krijoni animacione në ueb për një audiencë që përdor ende IE8 dhe shfletues më të vjetër, ky vjetërim i fshehur mund të jetë një shqetësim kur përdorni Adobe Edge Animate CC. Thuaj se kaloni orë të panumërta duke zhvilluar animacionin e përsosur të ueb-it dhe më pas vendoseni në internet. E keni testuar në Firefox dhe IE 9 dhe funksionon në mënyrë perfekte.

Pastaj ecni nëpër korridor për t'ia treguar shefit tuaj - dhe për tmerrin tuaj, nuk funksionon sepse shefi juaj po përdor IE 6. Epo, në botën reale, ka një shans të mirë që shumë nga klientët dhe klientët tuaj të jenë gjithashtu duke përdorur një version të mëparshëm të IE që nuk është i pajtueshëm me Edge Animate.

Për fat të mirë, Edge Animate ju ka mbuluar me të paktën dy opsione: Mund (a) të përdorni mbështetjen e Google Chrome Frame ose (b) të përdorni mbështetjen e shfletuesit të nivelit të ulët - një veçori që ju mundëson të krijoni një poster (një imazh statik), ose për të përdorur HTML statike, për të zëvendësuar animacionin - gjë që e mban faqen tuaj të internetit të mos shfaqet "e prishur". Audienca juaj sheh një imazh që duket ashtu siç duhet të duket, edhe pse nuk është i animuar.

Mbështetje Google Chrome Frame

Edge Animate ka një veçori që ju mundëson të përdorni mbështetjen e Google Chrome Frame për shfletuesit që nuk mbështesin animacionin. Si hap tjetër drejt mbështetjes së nivelit të ulët të shfletuesit, mund të publikoni përmbajtjen Edge Animate në mënyrë që audienca juaj ta shohë atë në IE 6, 7 ose 8 duke përdorur Google Chrome Frame. Për përdoruesin që nuk e ka tashmë Google Chrome Frame, mund të kontrolloni gjithashtu përvojën e instalimit të tij.

Edge Animate ka Faza të nivelit poshtë

Fazat nivelit poshtë në Edge gjallë janë versionet e fazës që mund të përdorni për të krijuar dhe të publikojë një version të nivelit poshtë e përbërjes tuaj që do të jetë në përputhje me shfletues që nuk e mbështesin HTML5 animacion. Fazat e nivelit të ulët ofrojnë vetëm mjete minimale të krijimit, por ju mundeni

  • Importoni grafika dhe krijoni elemente teksti.

  • Importoni një poster nga përbërja kryesore.

Në thelb, animacionet që krijoni dhe vendosni në internet mund të zbulojnë shfletuesit që përdor audienca juaj. Nëse kodi zbulon se dikush po përdor një shfletues të papajtueshëm për animacionin tuaj, atëherë ai kthehet në shfaqjen e një imazhi posteri në vend të animacionit. Kjo ruan faqen tuaj të internetit nga shfaqja e prishur. Në vend që të shohë një animacion që nuk funksionon, audienca sheh një poster - një kornizë të palëvizshme - që ju krijoni nga animacioni.

Përsëri, nuk duhet të dini kodin që mbështetja e nivelit të ulët të Stage të funksionojë. Megjithëse kodimi për zbulimin e shfletuesit mund të jetë i ndërlikuar, Edge Animate e ka atë aftësi të integruar – dhe është një opsion që mund ta zgjidhni kur të jeni gati për ta publikuar.

Pajtueshmëria me shfletuesit e tabletave dhe celularëve

Aty ku Adobe Flash dështon, Adobe Edge Animate CC funksionon. Dihet mirë se Apple nuk lejon që animacioni Adobe Flash të funksionojë në pajisjet e tij portative – dhe kjo përfshin iPhone, iPod touch dhe iPad. Steve Jobs, para vdekjes së tij, deklaroi se Flash kishte shumë dobësi sigurie dhe aspekte të tjera negative për Apple për të lejuar Flash të punonte me iOS.

Edge Animate, nga ana tjetër, nuk vuan nga ato çështje. Kompozimet tuaja Edge Animate do të funksionojnë mirë në produktet Apple — dhe në pajisjet Android — qofshin tableta të të gjitha llojeve, telefona inteligjentë dhe pajisje të tjera që përdorin shfletues celularë modernë.


Si të aplikoni transparencën në SVG

Si të aplikoni transparencën në SVG

Mësoni se si të aplikoni transparencën në grafikat SVG në Illustrator. Eksploroni se si të nxirrni SVG me sfond transparent dhe të aplikoni efekte transparence.

Puna me imazhe në Adobe XD

Puna me imazhe në Adobe XD

Pasi të keni importuar imazhet tuaja në Adobe XD, nuk keni shumë kontroll të redaktimit, por mund t'i ndryshoni madhësinë dhe t'i rrotulloni imazhet ashtu si do të bëni çdo formë tjetër. Ju gjithashtu mund të rrumbullakosni me lehtësi qoshet e një imazhi të importuar duke përdorur miniaplikacionet e qosheve. Maskimi i imazheve tuaja Duke përcaktuar një formë të mbyllur […]

Si të rregulloni vetitë e tekstit në Adobe XD

Si të rregulloni vetitë e tekstit në Adobe XD

Kur keni tekst në projektin tuaj Adobe XD, mund të filloni të ndryshoni vetitë e tekstit. Këto veçori përfshijnë familjen e shkronjave, madhësinë e shkronjave, peshën e shkronjave, shtrirjen, ndarjen e karaktereve (përcaktimi dhe gjurmimi), Hapësira e rreshtave (udhëheqëse), mbushja, kufiri (goditja), hija (hija me rënie) dhe turbullimi i sfondit. Pra, le të shqyrtojmë se si zbatohen ato prona. Rreth lexueshmërisë dhe fontit […]

Puna me Artboards në Photoshop CC

Puna me Artboards në Photoshop CC

Ashtu si në Adobe Illustrator, tabelat artistike të Photoshop ofrojnë aftësinë për të ndërtuar faqe ose ekrane të veçanta brenda një dokumenti. Kjo mund të jetë veçanërisht e dobishme nëse po ndërtoni ekrane për një aplikacion celular ose broshurë të vogël. Ju mund të mendoni për një tabelë artistike si një lloj të veçantë grupi shtresash të krijuar duke përdorur panelin Layers. Është […]

Forma dhe shumëkëndësha në InDesign

Forma dhe shumëkëndësha në InDesign

Shumë nga mjetet që gjeni në panelin e InDesign Tools përdoren për të vizatuar linja dhe forma në një faqe, kështu që ju keni disa mënyra të ndryshme për të krijuar vizatime interesante për botimet tuaja. Mund të krijoni çdo gjë, nga format bazë deri te vizatimet e ndërlikuara brenda InDesign, në vend që të përdorni një program vizatimi të tillë […]

Përfundoni tekstin në Adobe Illustrator CC

Përfundoni tekstin në Adobe Illustrator CC

Mbështjellja e tekstit në Adobe Illustrator CC nuk është e njëjtë me mbështjelljen e një dhurate - është më e lehtë! Një mbështjellje teksti detyron tekstin të mbështillet rreth një grafike, siç tregohet në këtë figurë. Kjo veçori mund të shtojë pak kreativitet në çdo pjesë. Grafika po e detyron tekstin të mbështillet rreth tij. Së pari, krijoni […]

Si të ndryshoni madhësinë e formave në Illustrator

Si të ndryshoni madhësinë e formave në Illustrator

Kur dizajnoni në Adobe Illustrator CC, shpesh ju nevojitet një formë që të jetë një madhësi e saktë (për shembull, 2 x 3 inç). Pasi të krijoni një formë, mënyra më e mirë për të ndryshuar madhësinë e saj në matje të sakta është të përdorni panelin Transform, të paraqitur në këtë figurë. Zgjidhni objektin dhe më pas zgjidhni Dritarja → Transformo në […]

Si të krijoni kode QR në InDesign CC

Si të krijoni kode QR në InDesign CC

Ju mund të përdorni InDesign për të krijuar dhe modifikuar grafikë të kodit QR. Kodet QR janë një formë barkodi që mund të ruajë informacione të tilla si fjalë, numra, URL ose forma të tjera të dhënash. Përdoruesi skanon kodin QR duke përdorur kamerën dhe softuerin e saj në një pajisje, siç është një smartphone, dhe softueri përdor […]

Si ta bëni një fotografi të re të duket e vjetër në Photoshop CS6

Si ta bëni një fotografi të re të duket e vjetër në Photoshop CS6

Mund të ketë një moment kur ju duhet një foto e re për t'u dukur e vjetër. Photoshop CS6 ju ka mbuluar. Fotografia bardh e zi është një fenomen më i ri nga sa mund të mendoni. Daguerreotipet dhe fotografitë e tjera të hershme shpesh kishin një ton kafe ose kaltërosh. Ju mund të krijoni kryeveprat tuaja me tone sepie. Fotografitë e tonifikuara mund të krijojnë […]

Veçoria Live Paint në Adobe CS5 Illustrator

Veçoria Live Paint në Adobe CS5 Illustrator

Duke përdorur veçorinë Live Paint në Adobe Creative Suite 5 (Adobe CS5) Illustrator, mund të krijoni imazhin që dëshironi dhe të plotësoni rajonet me ngjyra. Kova Live Paint zbulon automatikisht rajonet e përbëra nga shtigje të pavarura kryqëzuese dhe i mbush ato në përputhje me rrethanat. Bojë brenda një rajoni të caktuar mbetet e gjallë dhe rrjedh automatikisht nëse ka […]