Вибір мови

  • 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.12.2012 в 05:54 | 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?


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»

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

Всяка всячина.
Статті не пов'язаних з основною тематикою мого блогу.



ПОПУЛЯРНЕ

    Підбірка класних шаблонів візитних карток. 3 Частина

    Підбірка класних шаблонів візитних карток. 3 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

    Підбірка класних шаблонів візитних карток. 1 Частина

    Підбірка класних шаблонів візитних карток. 1 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

    Добірка класних шаблонів візитних карток. 6 Частина

    Добірка класних шаблонів візитних карток. 6 Частина.
    Величезна добірка різних шаблонів візиток на всі випадки життя! Далі...»

    Добірка класних шаблонів візитних карток. 5 Частина

    Добірка класних шаблонів візитних карток. 5 Частина.
    Величезна добірка різних шаблонів візиток на всі випадки життя! Далі...»

    Підбірка класних шаблонів візитних карток. 4 Частина

    Підбірка класних шаблонів візитних карток. 4 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

ВИПАДКОВІ НОТАТКИ

    Фотобанки з безкоштовними фото, частина друга

    Фотобанки з безкоштовними фото, частина друга.
    Підбірка різних ресурсів присвячених фотографіям. Далі...»

    Підбірка класних шаблонів візитних карток. 1 Частина

    Підбірка класних шаблонів візитних карток. 1 Частина.
    Величезна підбірка різних шаблонів візиток на всі випадки життя! Далі...»

    Встановлення та налаштування SimpleGallery для MODx EVO

    Встановлення та налаштування SimpleGallery для MODx EVO.
    Покрокове встановлення та налаштування SimpleGallery для MODx EVO Далі...»

    Чого очі не бачать, того серцю не жаль - методи та можливості видалення акаунтів з онлайн сервісів.

    Чого очі не бачать, того серцю не жаль - методи та можливості видалення акаунтів з онлайн сервісів..
    Ви хочете видалити свій аккаунт з різних онлайн сервісів, але не знаєте як? Більшість сервісів свідомо роблять цю процедуру досить заплутаною для зменшення кількості віддалених користувачів. У цій статті ми поговоримо про основні служби які збирають персональну інформацію користувачів, а також про методи видалення акаунтів з цих ресурсів. Далі...»

    WebAsyst, встановлення за замовчуванням різних валют для адміністратора і користувачів

    WebAsyst, встановлення за замовчуванням різних валют для адміністратора і користувачів.
    Сьогодні розглянемо як у WebAsyst зробити так щоб основна валюта в адмінці відрізнялася від основної валюти у клієнтської частини сайту. Далі...»



Наш вибір:


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

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


Доменні імена в Україні

Доменні імена в Україні




Доменні імена у світі

Доменні імена у світі


pisture

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

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

СПІЛЬНОТА

КОНТАКТИ