آدوب پیش نمایش از جدیدترین ابزار طراحی وب HTML5 با نام Adobe Edge منتشر کرده است که به طراحان این امکان را میدهد تا با استفاده از استانداردهای وب مثل HTML5، CSS3 و جاوا اسکریپت و از طریق یک ویرایشگر فیلم مثل رابط، محتوایی متحرک برای وب سایت ایجاد کنند. نرم افزار بصورت رایگان منتشر شده و آدوب این اطمینان را داده است که در آینده نیز به همین صورت باقی بماند.

Adobe Edge ماه اکتبر گذشته برای اولین بار در نمایشگاه سالانه Adobe Max در لس آنجلس به نمایش درآمد. این برنامه جایگزینی برای فلش نیست اما قطعا با چنین محتوای تعاملی همچون تبلیغات وب و ویدجت ها از رقبای سرسخت ابزار حرفه ای شرکت فلش می باشد.  آدوب بر این باور است که این دو فناوری (فلش و HTML) می توانند با یکدیگر همزیستی داشته و از آنجاییکه استانداردهای وب همچون HTML5 هنوز مشمول این کار نشده اند می توانیم به توافق برسیم.

پول گابی، معاون مهندسی و طراحی وب می گوید: (( کاری که مدت هاست مشغول انجام آن هستیم تمرکز بر زمان اجرا (runtime) می باشد: فلش و بدلیل اینکه HTML5 حرکت چندانی نداشت در آن قسمت کار زیادی انجام نداده بودیم. اما در طی چند سال گذشته موج عظیمی از تغییرات )در HTML) ایجاد گشته و در نتیجه از آنجاییکه ما به مشتریان خود اهمیت می دهیم، تصمیم به انجام کارهای بیشتری در مرورگر داریم.))

شرکت در حال حاضر ابزارهای HTML5 را در Creative Suite 5 گنجانده است و ابزار کامل تبدیل فلش به HTML5 را با نام Wallaby منتشر کرده است. شما با Adobe Edge می توانید وب سایت های موجود خود را وارد کرده و به اسناد HTML تصاویر متحرک بیافزایید. کاربران می توانند گرافیک های استاندارد وب مثل فایل های SVG، PNG، JPG و GIF را وارد کرده، آنها را به نگارش CSS درآورده و بیش از 27 تغییر شکل متفاوت را بر روی آنها اعمال کنند. پیش نمایشی از انیمیشن ایجاد شده نیز موجود می باشد که توسط یک موتور مرورگر WebKit ارائه شده است. با پیشرفت پروژه Adobe Edge قابلیت های جدیدی به آن افزوده خواهد شد.

برخی از ویژگی‌های مهم Adobe Edge:

–          رابط کاربری بصری: رابط کاربری مبتنی بر یک جدول زمانی یک مرحله ای می باشد. این ویژگی مورد علاقه بسیاری از مشتریان است. تصاویر متحرک و زمانبندی می توانند در مرحله WebKit و یا از طریق تنظیمات دقیق جدول زمانی کنترل شوند. همچنین می توانید ویرایش های سریعی بر روی گزینه های فردی و چندتایی ایجاد کنید.

–          محتوای نوشتاری متحرک: با استفاده از بلوک های ساختاری پایه HTML، متن و گرافیک های وب، ترکیبات جدیدی ایجاد کنید. اشیا را با آرایه های تغییر شکل و گزینه های طراحی تغییر دهید.

–          به محتوای HTML موجود حرکت بیافزایید: به اسناد HTML موجود عناصر حرکتی اضافه کنید. Adobe Edge تمامی تصاویر متحرک خود را در یک فایل جاوااسکریپت جداگانه ذخیره می کند که HTML اصلی را از کد Edge تشخیص می دهد. Edge تغییراتی جزئی در کد HTML اعمال می کند تا به فایل های جاوااسکریپت و CSS تولید شده ارجاع دهد.

–          فایل‌های گرافیکی وب: فایل های گرافیکی وب موجود همچون SVG، JPG، PNG و GIF را وارد نمایید.

– خروجی های استاندارد: Edge فایل های جاوااسکریپت، CSS و HTML را نوشته و می خواند. محتوای متحرک تولیدی Edge در یک ساختار داده ای JSON (JavaScript Object Notation) نشان داده می شود که از طرح های CSS حفاظت می کند. JSON یک سبک قالب بندی برای جاوااسکریپت است که به آسانی قابل خواندن بوده و برای کار با محتوای مستقل محرک انعطاف پذیری زیادی دارد.

– محتوای قابل اطمینان در صفحات نمایش و دستگاه ها: محتوای متحرک تولیدی Edge برای کار در IOS و سیستم های عامل آندروید، دستگاه های WebKit و مرورگرهای معروفی همچون فایرفاکس، کروم، سافاری و اینترنت اکسپلورر طراحی و آزمایش شده است.

منبع: The Register