مروری بر Edge

ابزار و سرویس هایی برای یک وب مدرن

اخیرا شرکت ادوبی، خانواده جدیدی از نرم‌افزارها به‌نام سرویس‌ها و ابزار Edge را برای طراحان وب به نمایش درآورد؛ مجموعه‌ای از هفت ابزار متمرکز بر دستورها که به ایجاد و توسعه وب‌سایت‌ها، محتوای دیجیتال و برنامه‌های کاربردی موبایل کمک می‌کند. این مجموعه ابزار در رخداد «وب را بساز» (Create the Web) مربوط به ادوبی معرفی شد. این شرکت از این رخداد وب برای نشان دادن HTML۵ و فناوری‌های موبایل‌گرا و همچنین نمایش سهم خود در زمینه‌های طرح‌بندی، گرافیک، جلوه‌های ویژه سینمایی و غیره استفاده می‌کند.

هدف اصلی این بسته‌های جدید، توسعه‌گران و طراحان حرفه‌ای وب هستند و شامل Edge Animate، Edge Inspect، Edge Code، Edge Reflow، Edge Web Fonts، Typekit و PhoneGap Build می‌شود. برخی محصولات مانند Edge Animate، Typekit و PhoneGap Build برای حرفه‌ای‌های دنیای وب نام‌آشنا هستند. همه این محصولات برای کامل کردن Dreamweaver CS۶، نرم‌افزار طراحی بصری وب شرکت ادوبی طراحی شده‌ است.

با ابری کردن سرویس‌های جدید، ادوبی به‌دنبال این است که سرویس جدید و بحث‌برانگیز خود یعنی ابر خلاق (Creative Cloud) را برای مخاطبان نهایی خود (حرفه‌ای‌های خلاق) جذاب‌تر کند. البته این محصول شرکت ادوبی هنوز هم انگیزه مناسبی به توسعه‌گران وب می‌دهد تا برنامه مشترک شدن در ابر خلاق را امتحان کنند؛ که با این‌کار ارزش زیاد و قابلیت‌های قابل توجهی را در ازای عضویت آموزشی رایگان به‌دست خواهند آورد.

ابزاری که در این مجموعه جدید وجود دارند به شرح زیر هستند:

● Edge Animate

پرقابلیت‌ترین ابزاری که در این مجموعه ابزار وجود دارد Edge Animate است که قبلا با نام Edge شناخته می‌شد. این ابزار هنگام طراحی تصاویر متحرک، انتقال‌ها و تعاملات کاربرد دارد. شما می‌توانید صفحات HTML را باز کرده و مستقیما از طریق عناصر DOM (مدل سندی شیء) موجود یا کشیدن عناصر جدید با آن ارتباط برقرار کنید. در اینجا نیز همانند محصولات دیگر ادوبی مثل فلش و After Effects یک خط زمانی وجود دارد. در After Effects ویدئو رندر شده و در فلش یک فیلم فلش را کامپایل می‌کنید، ولی در اینجا یک تصویر متحرک استاندارد بر پایه جاوااسکریپت یا CSS با کمک jQuery به شما ارائه می‌شود. هرکاری که در این ابزار انجام دهید مستقیما به HTML و جاوااسکریپت ترجمه شده و همچنین اطمینان حاصل می‌کند که تفاوت‌های مرورگرها را درنظر گرفته‌اید یا خیر.

● Edge Reflow

این ابزار هنوز دردسترس نیست، ولی به‌نظر می‌رسد در آینده نزدیک انتظارات را برآورده کند. Edge Reflow ابزاری بصری است که تلاش می‌کند بر برخی مشکلات طراحی واکنشی وب فایق آید. نرم‌افزار Dreamweaver شرکت ادوبی توانست کمک‌های زیادی در این زمینه بکند ولی بسیاری از این موانع به‌خاطر قابلیت کدنویسی CSS طراحان به‌وجود می‌آید. در Edge Reflow تگ‌های div یا دیگر عناصر را می‌کشید، دید را مقیاس‌بندی سپس محل قرارگیری عناصر را بر اساس آن دوباره تنظیم می‌کنید. در مرحله بعد تمام کدهای CSS و کوئری‌های رسانه‌ای در پس‌زمینه تولید شده و یک طرح‌بندی نهایی به شما ارائه می‌شود که می‌تواند خود را با تغییر اندازه مرورگر تطابق داده و مقیاس‌بندی کند. خود این ابزار به‌وسیله HTML و جاوااسکریپت ساخته شده است، بنابراین اگر یک طرح‌بندی بتواند در آنجا تولید شود در هرجای دیگری نیز بدرستی کار می‌کند.

● Edge Code

قابلیت‌های این ابزار هنوز کامل نشده‌ و ممکن است چیزی نباشد که بتوانید از آن برای کدنویسی هرروزه خود استفاده کنید. با وجود این تحت یک بازبینی عمومی و توسعه‌های قدرتمند انتشار یافت. این ابزار به‌منظور ایجاد یک ویرایشگر باز، موثر و سبک برای جاوااسکریپت، HTML و CSS، برپایه پروژه‌ای منبع باز به‌نام «براکت» که آغازگر آن ادوبی بود، قرار گرفت. خود این ویرایشگر نیز در HTML، CSS و جاوااسکریپت توسعه یافته و گواهی بر این مساله است که قدرت اصلی آن در زبان اسکریپت‌نویسی آن بوده که بخوبی انجام شده است. یکی از بهترین قابلیت‌های آن، توانایی ویرایش CSS یا ویژگی‌های رنگ است. با توقف روی یک تگ، شما ناحیه‌ای را آشکار می‌کنید که CSS در بین آن تگ‌ها وجود دارد. برای رنگ نیز یک صفحه انتخاب‌کننده رنگ نمایش داده می‌شود. این ابزار هنوز به برخی کارکردهای اساسی نیاز دارد، ولی به‌نظر مناسب می‌آید.

● Edge Inspect

این ابزار قبلا با نام «سایه ادوبی» (Adobe Shadow) شناخته می‌شد. با Inspect شما می‌توانید گستره وسیعی از دستگاه‌ها را درصورتی‌که در یک شبکه وایرلس مشترک قرار داشته باشد و بتوانید روی آنها کنترل داشته باشید، به رایانه خود وصل کنید. می‌توانید از آنها عکس بگیرید، آنها را تقویت کنید و همچنین از راه دور عناصر HTML را روی دستگاه مورد نظر بررسی کنید. نسخه رایگان این ابزار به شما امکان اتصال یک دستگاه در یک زمان را می‌دهد که البته برای بسیاری از طراحان در ابتدای راه مناسب به‌نظر می‌رسد. تنها مشاهده کردن آنی صفحه وب در یک دستگاه واقعی هنگامی‌که آن را در رایانه خود طراحی می‌کنید، پیشرفتی عظیم در تولید صفحه‌های وب به‌شمار می‌آید.

● Edge Web Fonts

دیگر زیبا نوشتن در صفحات وب کار دشواری نیست و نیازی به وارد کردن تصاویر یا استفاده از جایگزین‌های پیچیده فلش نخواهید داشت. حاصل همکاری بین ادوبی و گوگل بیش از ۵۰۰ فونت رایگان بوده که برای طراحان وب و از طریق Edge Web Fonts دردسترس قرار گرفته‌ است که پیاده‌سازی آن کار دشواری نیست. یک URL یکتا برای هر خانواده فونت به شما داده می‌شود و هنگامی که آن را در سند HTML خود قرار می‌دهید آن فونت برای استفاده در آن سند دردسترس خواهد بود. تمام این سیستم به‌وسیله Typekit خدمت‌رسانی می‌شود که ادوبی از آن برای به‌کارگیری تمام سبک‌های غیررایگان حروف نیز استفاده می‌کند. این کار تمام محیط موجود را مطمئن و قدرتمند نگه می‌دارد.

● PhoneGap Build

اگرچه این سرویس به مجموعه Edge مرتبط است ولی به اصول دیگری نیز پایبند است. شما می‌توانید یک پروژه HTML را انتخاب کرده و آن را در یک برنامه کاربردی محلی کامپایل کنید. این مساله مهارت‌های HTML شما را در تولید برنامه‌های تحت وب، به دنیای فروشگاه‌ها و بازارهای برنامه‌های کاربردی در دستگاه‌های مختلف هدایت می‌کند. نسخه رایگان این سرویس به شما اجازه می‌دهد تعداد بیشماری پروژه‌های باز و تنها یک پروژه اختصاصی ایجاد کنید. ولی نسخه غیررایگان آن امکان ایجاد ۲۵ پروژه اختصاصی را فراهم می‌کند. بسیاری از برنامه‌های کاربردی در یک دستگاه، تنها به‌وسیله HTML، CSS و جاوااسکریپت بخوبی انجام می‌گیرد بنابراین به یادگیری یک زبان مختص یک دستگاه خاص نیاز نخواهید داشت.

سخن آخر این‌که از نظر بسیاری از توسعه‌گران فلش، این مجموعه شرکت ادوبی یک بازگشت بموقع از راه اشتباهی بود که برای برقراری ارتباط ازطریق فلش برنامه‌ریزی کرده بودند. اگر Create theweb قبلا نیز وجود داشت یا به رخداد «فلش و مرزهای جدید» متصل بود، مطمئنا تاثیر بسیار بیشتری روی کاربران داشت. نمی‌توانیم زمان را به عقب بازگردانیم، ولی در هر حال مجموعه‌ای از ابزار در اختیار داریم که طراحان می‌توانند براحتی با آن ارتباط برقرار کنند و بزودی به یک افزونه مناسب برای یک ابزار طراحی تعاملی تبدیل شود.

محمدحسین کردونی