Edge от Adobe . Первое знакомство. |
|||
28.10.2012 в 09:15 | NARDO | Теги: HTML5, CSS3, Adobe Edge, JavaScript, веб-разработка |
|||
|
Tweet |
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?
blog comments powered by Disqus