ابزار و سرويس‌هايي براي يك وب مدرن مروري بر Edge

 

اخيرا شركت ادوبي، خانواده جديدي از نرم‌افزارها به‌نام سرويس‌ها و ابزار Edge را براي طراحان وب به نمايش درآورد؛ مجموعه‌اي از هفت ابزار متمركز بر دستورها كه به ايجاد و توسعه وب‌سايت‌ها، محتواي ديجيتال و برنامه‌هاي كاربردي موبايل كمك مي‌كند. اين مجموعه ابزار در رخداد «وب را بساز» (Create the Web) مربوط به ادوبي معرفي شد. اين شركت از اين رخداد وب براي نشان دادن HTML5 و فناوري‌هاي موبايل‌گرا و همچنين نمايش سهم خود در زمينه‌هاي طرح‌بندي، گرافيك، جلوه‌هاي ويژه سينمايي و غيره استفاده مي‌كند.هدف اصلي اين بسته‌هاي جديد، توسعه‌گران و طراحان حرفه‌اي وب هستند و شامل Edge Animate، Edge Inspect، Edge Code، Edge Reflow، Edge Web Fonts، Typekit و PhoneGap Build مي‌شود. برخي محصولات مانند Edge Animate، Typekit و PhoneGap Build براي حرفه‌اي‌هاي دنياي وب نام‌آشنا هستند. همه اين محصولات براي كامل كردن Dreamweaver CS6، نرم‌افزار طراحي بصري وب شركت ادوبي طراحي شده‌ است.با ابري كردن سرويس‌هاي جديد، ادوبي به‌دنبال اين است كه سرويس جديد و بحث‌برانگيز خود يعني ابر خلاق (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

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

PhoneGap Build

اگرچه اين سرويس به مجموعه Edge مرتبط است ولي به اصول ديگري نيز پايبند است. شما مي‌توانيد يك پروژه HTML را انتخاب كرده و آن را در يك برنامه كاربردي محلي كامپايل كنيد. اين مساله مهارت‌هاي HTML شما را در توليد برنامه‌هاي تحت وب، به دنياي فروشگاه‌ها و بازارهاي برنامه‌هاي كاربردي در دستگاه‌هاي مختلف هدايت مي‌كند. نسخه رايگان اين سرويس به شما اجازه مي‌دهد تعداد بيشماري پروژه‌هاي باز و تنها يك پروژه اختصاصي ايجاد كنيد. ولي نسخه غيررايگان آن امكان ايجاد ۲۵ پروژه اختصاصي را فراهم مي‌كند. بسياري از برنامه‌هاي كاربردي در يك دستگاه، تنها به‌وسيله HTML، CSS و جاوااسكريپت بخوبي انجام مي‌گيرد بنابراين به يادگيري يك زبان مختص يك دستگاه خاص نياز نخواهيد داشت.سخن آخر اين‌كه از نظر بسياري از توسعه‌گران فلش، اين مجموعه شركت ادوبي يك بازگشت بموقع از راه اشتباهي بود كه براي برقراري ارتباط ازطريق فلش برنامه‌ريزي كرده بودند. اگر Create theweb قبلا نيز وجود داشت يا به رخداد «فلش و مرزهاي جديد» متصل بود، مطمئنا تاثير بسيار بيشتري روي كاربران داشت. نمي‌توانيم زمان را به عقب بازگردانيم، ولي در هر حال مجموعه‌اي از ابزار در اختيار داريم كه طراحان مي‌توانند براحتي با آن ارتباط برقرار كنند و بزودي به يك افزونه مناسب براي يك ابزار طراحي تعاملي تبديل شود.





تاريخ : دو شنبه 1 آبان 1391برچسب:, | | نویسنده : مقدم |