Підтримуйте сумісність браузера з Adobe Edge Animate CC

Adobe Edge Animate CC працює у всіх сучасних браузерах, включаючи найновіші версії Chrome, Firefox, Opera, Safari та Internet Explorer 9. Він також працює на всіх планшетах і смартфонах, на яких встановлено сучасні браузери. Для аудиторії, яка не використовує сучасні браузери, Edge Animate надає резервну опцію, яку можна використовувати, щоб ваша анімація не виглядала зламаною.

Сумісність важлива для веб-контенту; якщо браузер не підтримує ваш код, ваша анімація не працюватиме. Не дивно, що Adobe Edge Animate CC створює код, який працює у всіх сучасних браузерах.

Проблеми з HTML5 та старішими браузерами

Багато веб-розробників стурбовані тим, що не всі частини HTML5 сумісні з усіма браузерами. Особливо це стосується Internet Explorer. Якщо багато функцій HTML5 працюватимуть у таких браузерах, як Chrome і Firefox, вони не завжди працюватимуть в Internet Explorer.

Це змушує багатьох веб-розробників сумніватися, наскільки широко вони повинні почати використовувати HTML5. Створення веб-сторінок, які працюють не в усіх браузерах, не в інтересах веб-розробників, але майбутнє все ще трохи туманне, і багато людей задоволені використанням старих браузерів.

Adobe вирішив ці проблеми за допомогою Edge Animate. Ви можете почувати себе в безпеці, знаючи, що ваші веб-композиції Edge Animate працюватимуть у всіх сучасних браузерах, включаючи поточні версії Firefox, Chrome, Safari та Internet Explorer 9.

Вам не потрібно знати HTML5 або навіть HTML, щоб використовувати Edge Animate. Але чим більше ви знаєте, тим краще вам буде, якщо вам знадобиться використовувати код, щоб допомогти реалізувати його для перегляду. Програмне забезпечення Edge Animate створює код для вас під час створення веб-анімації.

Коли ви зберігаєте файл Edge Animate, програмне забезпечення створює кілька різних файлів. Один із цих файлів має розширення імені файлу .html. Код HTML5 знаходиться у файлі .html. Ви можете переглянути цей файл за допомогою будь-якого текстового редактора, наприклад Блокнота. Закінчивши створення композиції, ви можете переглянути анімацію у веб-браузері — або з програмного забезпечення, або двічі клацнувши файл .html, що відкриється та відтворить анімацію у вашому браузері за замовчуванням.

Сумісність з настільним браузером

Сумісність із веб-браузером Microsoft Internet Explorer – це проблема, з якою веб-розробники мають боротися під час розробки сайтів. Корпорація Майкрософт повільно оновлювала Internet Explorer, щоб він був сумісним із HTML5, а код, який чудово працює в Chrome, Safari та Firefox, погано поводиться в попередніх версіях Internet Explorer.

Наприклад, якщо ви закодуєте межу, щоб мати закруглені краї, то ваші кути будуть виглядати заокругленими в Chrome і Firefox; але перегляньте той самий сайт в IE, і раптом ваші закруглені краї виявляються квадратними. Такі проблеми можуть зіпсувати дизайн веб-сайту.

Такі браузери, як Firefox, Chrome, Safari та Opera, вже підтримують багато аспектів HTML5. Немає жодних проблем із тим, що композиції Adobe Edge Animate CC ідеально працюють у цих браузерах. Ці браузери також мають вбудовані автоматичні оновлення для своїх користувачів. Завдяки цьому веб-дизайнери та розробники можуть бути впевнені, що їхні користувачі, швидше за все, використовують найновішу версію цього браузера.

Що робити для Internet Explorer 8 і старіших версій

В ідеальному світі кожен буде регулярно оновлювати свої браузери. На жаль, не всі можуть це зробити з будь-яких причин. Незважаючи на те, що Internet Explorer 9 відкрив двері для сумісності з HTML5, що означає, що Edge Animate працює в цій версії браузера, не всі користувачі IE оновили свої браузери.

Досі нерідко багато користувачів IE використовують версії 7 і 8 — і (на жах і жах багатьох дизайнерів) IE 6 все ще використовується багатьма людьми.

Композиції Adobe Edge Animate CC не працюватимуть в Internet Explorer 8 і старіших версіях, так само як HTML5 не працює в IE6.

Однак хороша новина полягає в тому, що все більше користувачів Інтернету оновлюють свої браузери, а використання IE6 повільно зменшується. З огляду на це, Edge Animate працює у всіх сучасних портативних браузерах. Якщо ваша головна мета — створити анімовані програми для використання на смартфонах і планшетах, то вам дуже пощастило.

Якщо ви створюєте веб-анімацію для аудиторії, яка все ще використовує IE8 і старіші браузери, ця прихована застарілість може викликати занепокоєння, коли ви використовуєте Adobe Edge Animate CC. Скажіть, що ви витрачаєте незліченну кількість годин на розробку ідеальної веб-анімації, а потім розміщуєте її в Інтернеті. Ви перевірили його у Firefox та IE 9, і він працює ідеально.

Потім ви йдете через зал, щоб показати це своєму начальнику — і, на ваш жах, це не працює, тому що ваш бос використовує IE 6. Що ж, у реальному світі є велика ймовірність, що багато ваших клієнтів і клієнтів також є використання більш ранньої версії IE, яка не сумісна з Edge Animate.

На щастя, Edge Animate пропонує принаймні два варіанти: ви можете (a) використовувати підтримку Google Chrome Frame або (b) використовувати підтримку веб - переглядача нижнього рівня — функція, яка дає змогу створити плакат (статичне зображення), або використовувати статичний HTML, щоб замінити анімацію, яка не дозволяє вашому веб-сайту виглядати «зламаним». Ваша аудиторія бачить зображення, яке виглядає так, як має виглядати, навіть якщо воно не анімаційне.

Підтримка Google Chrome Frame

Edge Animate має функцію, яка дозволяє використовувати підтримку Google Chrome Frame для браузерів, які не підтримують анімацію. Як наступний крок до підтримки браузера нижнього рівня, ви можете публікувати вміст Edge Animate, щоб ваша аудиторія могла переглядати його в IE 6, 7 або 8 за допомогою Google Chrome Frame. Для користувачів, які ще не мають Google Chrome Frame, ви також можете контролювати процес його встановлення.

Edge Animate має етапи нижнього рівня

На Стадії нижнього рівня в прикордонному Animate є версії Stage , які ви можете використовувати , щоб створити і опублікувати версію вниз рівня вашої композиції , яка буде сумісна з браузерами , які не підтримують HTML5 анімації. Етапи нижнього рівня пропонують лише мінімальні інструменти для створення, але ви можете

  • Імпортуйте графіку та створюйте текстові елементи.

  • Імпортуйте плакат з основної композиції.

По суті, анімації, які ви створюєте та розміщуєте в Інтернеті, можуть визначити браузери, які використовує ваша аудиторія. Якщо код виявляє, що хтось використовує несумісний браузер для вашої анімації, він повертається до показу плакатного зображення замість анімації. Це вбереже ваш веб-сайт від несправності. Замість того, щоб побачити анімацію, яка не працює, глядач бачить плакат — нерухомий кадр — який ви створюєте з анімації.

Знову ж таки, вам не потрібно знати код, щоб підтримка Stage нижнього рівня працювала. Хоча кодування для виявлення браузера може бути складним, Edge Animate має вбудовану можливість — і це варіант, який ви можете вибрати, коли будете готові до публікації.

Сумісність з планшетами та мобільними браузерами

Там, де Adobe Flash виходить з ладу, працює Adobe Edge Animate CC. Добре відомо, що Apple не дозволяє анімації Adobe Flash працювати на своїх портативних пристроях, зокрема на iPhone, iPod touch та iPad. Стів Джобс перед своєю смертю заявив, що у Flash було занадто багато вразливостей безпеки та інших негативних аспектів для Apple, щоб дозволити Flash працювати з iOS.

Edge Animate, з іншого боку, не страждає від цих проблем. Ваші композиції Edge Animate чудово працюватимуть на продуктах Apple — і на пристроях Android — будь то планшети всіх типів, смартфони та інші пристрої, які використовують сучасні мобільні браузери.


Як застосувати прозорість до SVG

Як застосувати прозорість до SVG

Дізнайтеся, як застосувати прозорість до SVG-графіки в Illustrator. Дізнайтеся, як виводити SVG із прозорим фоном та застосовувати ефекти прозорості.

Робота з зображеннями в Adobe XD

Робота з зображеннями в Adobe XD

Після імпортування зображень у Adobe XD у вас не буде великого контролю за редагуванням, але ви можете змінювати розмір і обертати зображення, як і будь-яку іншу форму. Ви також можете легко округлити кути імпортованого зображення за допомогою кутових віджетів. Маскування зображень Визначаючи закриту форму […]

Як налаштувати властивості тексту в Adobe XD

Як налаштувати властивості тексту в Adobe XD

Коли у вашому проекті Adobe XD є текст, ви можете почати змінювати властивості тексту. Ці властивості включають сімейство шрифтів, розмір шрифту, вагу шрифту, вирівнювання, інтервал між символами (кернінг і відстеження), інтервал між рядками (провідний), заливку, межу (обведення), тінь (тінь) і розмиття фону. Тож давайте розглянемо, як ці властивості застосовуються. Про читабельність і шрифт […]

Робота з монтажними областями в Photoshop CC

Робота з монтажними областями в Photoshop CC

Як і в Adobe Illustrator, монтажні області Photoshop надають можливість створювати окремі сторінки або екрани в одному документі. Це може бути особливо корисно, якщо ви створюєте екрани для мобільного додатка або невеликої брошури. Ви можете розглядати монтажну область як особливий тип групи шарів, створеної за допомогою панелі «Шари». Його […]

Фігури та багатокутники в InDesign

Фігури та багатокутники в InDesign

Багато інструментів, які ви знайдете на панелі інструментів InDesign, використовуються для малювання ліній і фігур на сторінці, тому у вас є кілька різних способів створення цікавих малюнків для своїх публікацій. Ви можете створювати будь-що, від простих фігур до складних малюнків всередині InDesign, замість того, щоб використовувати програму для малювання, як-от […]

Перенесення тексту в Adobe Illustrator CC

Перенесення тексту в Adobe Illustrator CC

Загортання тексту в Adobe Illustrator CC — це не те саме, що упаковувати подарунок — це простіше! Обтікання текстом змушує текст обтікати графіку, як показано на цьому малюнку. Ця функція може додати трохи творчості до будь-якого твору. Графіка змушує текст обертатися навколо нього. Спочатку створіть […]

Як змінити розмір фігур в Illustrator

Як змінити розмір фігур в Illustrator

При розробці дизайну в Adobe Illustrator CC вам часто потрібно, щоб фігура була точного розміру (наприклад, 2 x 3 дюйми). Після того, як ви створите фігуру, найкращий спосіб змінити її розмір до точних розмірів — використовувати панель «Трансформувати», показану на цьому малюнку. Виберіть об’єкт, а потім виберіть «Вікно→ Трансформувати до […]

Як створити QR-коди в InDesign CC

Як створити QR-коди в InDesign CC

Ви можете використовувати InDesign для створення та зміни графіки QR-коду. QR-коди – це форма штрих-коду, яка може зберігати таку інформацію, як слова, числа, URL-адреси або інші форми даних. Користувач сканує QR-код за допомогою камери та програмного забезпечення на пристрої, наприклад смартфоні, і програмне забезпечення використовує […]

Як зробити так, щоб нова фотографія виглядала старою в Photoshop CS6

Як зробити так, щоб нова фотографія виглядала старою в Photoshop CS6

Можливо, вам знадобиться нова фотографія, щоб виглядати старою. Photoshop CS6 допоможе вам. Чорно-біла фотографія є більш новим явищем, ніж ви думаєте. Дагеротипи та інші ранні фотографії часто мали коричневий або блакитний відтінок. Ви можете створювати власні шедеври в тонах сепії. Тоноване зображення може створити […]

Функція Live Paint в Adobe CS5 Illustrator

Функція Live Paint в Adobe CS5 Illustrator

Використовуючи функцію Live Paint в Adobe Creative Suite 5 (Adobe CS5) Illustrator, ви можете створити потрібне зображення та заповнити області кольором. Відсік Live Paint автоматично виявляє області, що складаються з незалежних пересічних контурів, і заповнює їх відповідно. Фарба в певному регіоні залишається живою та автоматично тече, якщо […]