Выбор языка

  • NARDOdesign
  • NARDOdesign
  • NARDOdesign

NARDOdesign NARDOdesign NARDOdesign NARDOdesign NARDOdesign

  • В помощь вебмастеру

    | ЛИКБЕЗ |

    В помощь вебмастеру

    В данном разделе представлены статьи, раскрывающие основные моменты работы вебмастера с сайтом, а также базовые моменты при разработке сайтов

  • Полезные веб-ресурсы

    | ЗАКЛАДКИ |

    Полезные веб-ресурсы

    Обзор полезных вебресурсов для разработчика и вебмастера различной тематики

  • Уроки и мастер-классы по разработке

    | ТУТОРИАЛЫ |

    Уроки и мастер-классы по разработке

    Уроки по разработке сайтов, уроки фотошоп, графические темплейты от «NARDOdesign»

  • Шаблоны HTML и CSS

    | ТЕМПЛЕЙТЫ |

    Шаблоны HTML и CSS

    Различные HTML шаблоны, CSS, веб-верстка от «NARDOdesign»

  • JQuery, JavaScript, Mootools

    | JAVASCRIPT |

    JQuery, JavaScript, Mootools

    Различные JavaScript решения, содержащие самые популярные библиотеки на основе jQuery, Mootools, HTML5 и CSS

  • Графика и дизайн

    | ГРАФИКА |

    Графика и дизайн

    Уроки фотошоп, графические темплейты , изображения, иконки, векторные и растровые файлы, PSD, кисти и многое другое

  • Продвижение и оптимизация сайтов

    | СЕО |

    Продвижение и оптимизация сайтов

    Уроки по основам продвижения и оптимизации сайтов, продвижение сайтов, вывод в топ, поддержка позиций, SEO от «NARDOdesign»

  • Всякая всячина

    | ОФФТОП |

    Всякая всячина

    Статьи не связанным с основной тематикой моего блога

Next
  • В помощь вебмастеру
  • Полезные веб-ресурсы
  • Уроки и мастер-классы по разработке
  • Шаблоны HTML и CSS
  • JQuery, JavaScript, Mootools
  • Графика и дизайн
  • Продвижение и оптимизация сайтов
  • Всякая всячина
Previous

“Мы сделали кнопки на экране настолько хорошими, что вы будете хотеть их облизывать.”
Steve Jobs, Chairman and CEO Apple Inc.

NARDOdesign – доступно и просто о веб разработке от А до Я

Если Вас интересуют качественные и новые HTML и CSS темплейты, уникальные и свежие JavaScript решения, актуальные уроки по фотошопу и графическому дизайну, рекомендации и примеры уроков по созданию красивых и оригинальных сайтов, или Вы хотите быть в курсе последних новинок и трендов в веб разработке? Тогда Вы попали именно туда! Также не останутся в стороне вопросы связанные с продвижением сайта в поисковиках – СЕО и оптимизация. Рассмотрим основные моменты качественного наполнения сайта – копирайтинг , веб-райтинг, нейминг итд. Надеюсь у нас Вам понравиться ;)

Edge от Adobe . Первое знакомство.

28.10.2012 в 09:15 | NARDO | Теги: HTML5, CSS3, Adobe Edge, JavaScript, веб-разработка

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 )

 Edge от Adobe . Первое знакомство.

 

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

 

  • Пользовательский интерфейс привлекает простотой временной шкалы  и лаконичностью панели инструментов. Веб-разработчики, которые работали с редактором 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


КАТЕГОРИИ

В помощь вебмастеру.

В помощь вебмастеру.
В данном разделе представлены статьи, раскрывающие основные моменты работы вебмастера с сайтом, а также базовые моменты при разработке сайтов.

Полезные веб-ресурсы.

Полезные веб-ресурсы.
Обзор полезных вебресурсов для разработчика и вебмастера различной тематики.

Уроки и мастер-классы по разработке.

Уроки и мастер-классы по разработке.
Уроки по разработке сайтов, уроки фотошоп, графические темплейты от «NARDOdesign»

Шаблоны HTML и CSS.

Шаблоны HTML и CSS.
Различные HTML шаблоны, CSS, веб-верстка от «NARDOdesign»

JQuery, JavaScript, Mootools.

JQuery, JavaScript, Mootools.
Различные JavaScript решения, содержащие самые популярные библиотеки на основе jQuery, Mootools, HTML5 и CSS.

Графика и дизайн.

Графика и дизайн.
Уроки фотошоп, графические темплейты , изображения, иконки, векторные и растровые файлы, PSD, кисти и многое другое.

Продвижение и оптимизация сайтов

Продвижение и оптимизация сайтов.
Уроки по основам продвижения и оптимизации сайтов, продвижение сайтов, вывод в топ, поддержка позиций, SEO от «NARDOdesign»

Всякая всячина

Всякая всячина.
Статьи не связанным с основной тематикой моего блога.



ПОПУЛЯРНОЕ

    Подборка классных шаблонов визитных карточек. 4 Часть

    Подборка классных шаблонов визитных карточек. 4 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

    Подборка классных шаблонов визитных карточек. 5 Часть

    Подборка классных шаблонов визитных карточек. 5 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

    Подборка различных менюшек. 5 часть - вертикальные меню

    Подборка различных менюшек. 5 часть - вертикальные меню.
    Предлагаю Вашему вниманию пятую часть мега-подборки различных меню на любой вкус - здесь есть из чего выбрать! Далее...»

    Подборка различных менюшек. 4 часть - вертикальные меню

    Подборка различных менюшек. 4 часть - вертикальные меню.
    Предлагаю Вашему вниманию четвертую часть мега-подборки различных меню на любой вкус - здесь есть из чего выбрать! Далее...»

    Подборка классных шаблонов визитных карточек. 1 Часть

    Подборка классных шаблонов визитных карточек. 1 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

СЛУЧАЙНЫЕ ЗАМЕТКИ

    Подборка классных шаблонов визитных карточек. 4 Часть

    Подборка классных шаблонов визитных карточек. 4 Часть.
    Огромная подборка различных шаблонов визиток на все случаи жизни! Далее...»

    Подборка различных менюшек. 2  часть - горизонтальные меню

    Подборка различных менюшек. 2 часть - горизонтальные меню.
    Предлагаю Вашему вниманию вторую часть мега-подборки различных меню на любой вкус - здесь есть из чего выбрать! Далее...»

    Шрифты - где взять, как встроить

    Шрифты - где взять, как встроить.
    Подробно рассмотрим где взять различные шрифты для ваших проектов, а также методы интеграции различных шрифтов в сайт. Далее...»

    Подборка различных слайдеров. Часть 1

    Подборка различных слайдеров. Часть 1.
    Предлагаю вашему вниманию первую часть подборки слайдеров на любой вкус. Все слайдеры предоставленные в статье как минимум условно бесплатные и доступны для скачивания. Надеюсь вы найдете что то для себя новое! Далее...»

    Подборка различных менюшек. 1 часть - горизонтальные меню

    Подборка различных менюшек. 1 часть - горизонтальные меню .
    Предлагаю Вашему вниманию мега-подборку различных меню на любой вкус - здесь есть из чего выбрать! Далее...»



Наш выбор:


Услуги хостинга

Услуги хостинга, сервера


Доменные имена в Украине

Доменные имена в Украине




Доменные имена в Украине

Доменные имена в мире


pisture

Школа веб-разработки от NARDOdesignblog

Доступно и просто, всё о веб-разработке от А до Я

СООБЩЕСТВО

КОНТАКТЫ