Le Roi est mort, vive le Roi!
(Король помер, хай живе король!)

З засиллям мобільних пристроїв на iOS та Android розробникам, як програм, так і сайтів все частіше доводиться зіштовхуватися з новим невідомим раніше звірятком під загальною назвою HTML5. Так вийшло, що матеріал на дану тему було написано набагато раніше його публікації (майже рік тому), тому деякі аспекти, які розглядаються в цій статті вже є не актуальними або не повними. Але я все таки вирішив статтю опублікувати з деякими змінами і доповненнями, вона буде цікава насамперед тим, хто планує познайомитися з технологією Edge від Adobe по ближче. Найближчим часом я постараюся опублікувати матеріал присвячений актуальній версії Adobe Edge Animate 1.0, ну а поки ви можете ознайомитися з його пращуром - Adobe Edge Preview.

Компанія Adobe відома своїми потужними інструментами Adobe Flash призначеними для створення веб-додатків і мультимедійних презентацій зробила ще один величезний крок на зустріч перспективної технології HTML5, випустивши 1 серпня 2011року у світ бета-версію інструменту Adobe Edge Preview.

Невелика ремарка - станом на вересень 2012 Edge Preview трансформувався в Adobe Edge Animate 1.0, але його ще можна скачати безкоштовно із сайту Adobe & HTML за умови реєстрації акаунта Creative Cloud (будь-якого рівня).

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

Adobe Edge це інструмент для створення веб-анімації і різних елементів інтерактивного дизайну. Adobe Edge базується на основі open source (Відкрите програмне забезпечення) проектів, таких як HTML5, CSS3 та мови програмування на платформі JavaScript. У першу чергу це пов'язано з тотальним збільшенням кількості смартфонів, які не тільки стають все більш привабливими в плані прибутковості для розробників, але й генерують значну частину світового інтернет трафіку. Відповідно Adobe доводиться пристосовуватися до реалій, випустивши сучасний інструмент для створення анімації нового покоління та заодно нагадати всім, що вони відомі не тільки завдяки технології Flash. Але якщо ви думаєте, що на даному етапі Edge збирається повністю замінити Flash, я думаю, це не зовсім вірно, принаймні, не в найближчому майбутньому. Це просто додаткове програмне забезпечення для розробників мобільних додатків, яке може бути частиною потужного тандему в поєднанні з іншими інструментами. Також не варто забувати про проект Wallaby - перетворювач Flash в HTML5 від Adobe, він як і раніше залишається одним з пріоритетних напрямів Adobe та може розглядатися як безкоштовне програмне забезпечення для Edge та Flash. (На даний момент Wallaby перетворився на додатковий компонент Toolkit for CreateJS для Flash Professional CS6 )

Основні характеристики

• Інтерфейс користувача приваблює простотою тимчасової шкали та лаконічністю панелі інструментів. Веб-розробники, які працювали з редактором Flash або After Effects знайдуть багато запозичень в інтерфейсі Edge, але в більш полегшеному вигляді.
• Функція імпорту файлів дозволяє імпортувати SVG, PNG, GIF та JPG графіку. У бета-версії формат SVG підтримується не повністю, але розробники Edge в майбутньому обіцяють більше "SVG свободи".
• Сумісність це питання, яке хвилює більшість розробників мобільних телефоном. Adobe Edge сумісний з усіма основними мобільними веб-браузерами, які мають підтримку HTML5 (в тому числі iOS, Android, HP WebOS та Blackberry), а також всі десктопні браузери з підтримкою HTML5.
• Продукт що випускається є дуже перспективними для веб-розробників, тому що Edge не тільки може читати, але й створювати HTML, CSS та JavaScript файли. Edge використовує JSON (на платформі JavaScript Object Notation) - структуру даних для зберігання анімованого контенту, це дає гнучкість та надійність в роботі з анімованими файлами.
• Додавання анімації не вимагає кардинальних змін у структурі HTML файлу, так як технологія Edge створює окремий Javasript файл для роботи з анімацією, таким чином, завдяки Adobe Edge можна чітко відрізнити оригінальний файл з HTML та код, який ви вибрали для створення анімації.

SVG, Canvas та інші корисності

Як ви, напевно, помітили, Edge поки в режимі бета, попереду ще багато етапів розробки та оптимізації продукту від Adobe. Поки ж розробники компанії Adobe працюють над поліпшенням підтримки формату SVG (не тільки над опцією імпорту файлів). Також ми чекаємо впровадження елемента Canvas, тому що до цього часу всі анімації базувалася на блоковому елементі DIV та стилі CSS. За словами розробників Adobe, Canvas показує низьку продуктивність в основних мобільних браузерах, але у фінальній версії це буде доопрацьовано. Таким чином, все виглядає досить перспективно.

Edge навіть перебуваючи в стадії бета-тестування є дуже перспективним редактором з величезним потенціалом. У випадку, якщо вам він цікавий (на наш погляд, воно того варте) ви повинні обов'язково спробувати цей новий продукт від Adobe - швидше за все це майбутнє мобільної веб-розробки.

Що ви думаєте про Adobe Edge? Ви ще не пробували бета-версію? Чи вірите ви в те, що Edge стане заміною редактора Flash? Чи врятує він Adobe від знищення в мобільному сегменті? Будь ласка, залишайте свої думки в коментарях.

За мотивами Introduction to Edge – Adobe Now Secure from Oblivion?