در این نوشتار قصد دارم 10 چارچوب (framework) و ابزار کارامد در امر طراحی HTML5 پاسخگو (responsive) را که همگی متن باز هستند، به شما معرفی کنم.
برای گزینش این ابزارها، دو سری عوامل را مد نظر داشته ام: 1. فاکتورهای کمی (نظیر قابلیت توسعه، محبوبیت و غیره) و 2. فاکتورهای کیفی (همچون شهرت سازندگان و سهولت استفاده).
بدون مقاله به سراغ معرفی این ابزارهای کاربردی می روم:
1. Twitter Bootstrap
توییتر بوت استرپ یک چارچوب توسعه رابط کاربری است که بین صاحب نظران به عنوان یک ابزار کارامد، محبوب و پیشرفته جایگاه قابل توجهی دارد.
این برنامه یک بسته کامل و جامع است و شما می توانید بسیاری از فاکتورهای مورد نیاز خود در توسعه اپلیکیشن ها و سایت های پاسخگو را در آن بیابید. www.ParsCms.com
از جمله قابلیت های پروژه متن باز بوت استرپ می توان به برخورداری از 12 طرح بندی (layout) پاسخگو، 13 پلاگین jQuery سفارشی برای رابط های مرسوم از قبیل carouselها و پنجره های مودال (modal window)، یک Bootstrap customizer و غیره اشاره کرد.
بوت استرپ راهنمای خوبی دارد.
گفتنی است این برنامه در سایت ها و وبلاگ های زیادی به کار گرفته شده است.
2. Foundation
Foundation یک برنامه محبوب دیگر در زمینه چارچوب های پاسخگوی جلویی (front-end) به شمار می رود.
شما با این چارچوب پیشرفته HTML5 می توانید هم برای دستگاه های همراه و صفحه نمایش های کوچک وب سایت طراحی کنید و هم برای نمایشگرهای غول پیکر.
از جمله قابلیت های Foundation می توان به نمونه سازی سریع (Rapid Prototyping) و برخورداری از یک سیستم شبکه ای پاسخگو (responsive grid system) اشاره کرد.
زورب (ZURB)، یک شرکت طراحی که بیشتر بر ارائه سولوشن های مبتنی بر وب فعالیت می کند، توسعه این برنامه را بر عهده دارد.
3. Skeleton
Skeleton یک قالب CSS پاسخگو برای ساخت وب سایت ها و اپلیکیشن های HTML5 است.
این برنامه ساده و آسان فقط چیزهایی را که نیاز دارید در اختیارتان قرار می دهد، و نه بیشتر.
برخی ویژگی های چشمگیر Skeleton عبارت است از دارا بودن: یک شبکه طراحی پاسخگو (responsive layout grid)، مدیا کوئری های استاندارد برای دستگاه های خاص مجهز به قابلیت CSS، یک CSS classبرای عناصر تصویری پاسخگو که با layout grid تعامل دارد، یک الگوی PSD و یک HTML5 shiv برای مرورگرهای قدیمی وب.
به نظر من اگر قصد دارید کار خود در حوزه طراحی پاسخگو را به سرعت آغاز کنید، باید به سراغ این پروژه متن باز بیایید.
4. HTML5 Boilerplate
HTML5 Boilerplate قالبی است برای استفاده از HTML5.
این برنامه در سال 2010 به یکی از برترین ابزار متن باز توسعه وب front-end برای تولید سایت ها و اپلیکیشن های HTML5 تبدیل شد.
این سولوشن توسعه وب شامل مجموعه ای از ویژگی ها و قابلیت های مختلف است که با بهره گیری از آنها می توان وب سایت های تولیدشده را به خوبی در مرورگرهای مدرن و پیشرفته امروزی به نمایش گذاشت.
در HTML5 Boilerplate چیزهای ارزشمندی یافت می شود، از جمله: یک الگوی HTML موبایل پسند (mobile-friendly)، آیکون های placeholder، مجموعه ای از CSS Reset برای استاندارد کردن مقادیر style sheet property، مدیا کوئری های استاندارد، یک HTML5 shiv برای مرورگرهای قدیمی وب و غیره.
5. HTML KickStart
کیک استارت یکی از جدیدترین نرم افزارهای حوزه ساخت سایت و برنامه های وب است.
این نرم افزار ارزان که به آسانی می توان آن را به کار گرفت، مجموعه ای است از فایل های HTML، CSS و جاوااسکریپت که می تواند ساعت ها صرفه جویی زمانی برای توسعه دهندگان رابط کاربری به ارمغان آورد.
بسته HTML KickStart سیصد کیلوبایت حجم دارد.
برخی ویژگی های آن: اجزای رابط کاربری (UI components) از قبیل دکمه های جذاب و زیبا، نوارهای ناوبری و آیکون های مقیاس پذیر (با استفاده از Font Awesome)، یک طرح بندی شبکه ای پاسخگو (responsive grid layout)، اجزاء نمایش اسلایدی لمسی (touch-enabled slideshow component) و غیره.
6. Montage HTML5 Framework
Montage یک چارچوب متن باز HTML5 برای ساخت اپلیکیشن های پیشرفته است.
این کتابخانه ی جاوااسکریپت از اتصالات اعلانی (Declarative Binding) استفاده می کند و همین امر باعث می شود توسعه گران بتوانند اطلاعات اپلیکیشن های خود را به سهولت با رابط کاربری خویش همگام سازی کنند.
Montage همچنین دارای قابلیتی به نام Blueprints است که برای اتصال متاداده ها بر اشیاء اپلیکیشن های توسعه دهندگان به کار می رود.
این تابع بسیار جذاب و شیک، با بسیاری از عناصر صفحات پویا کار می کند.
7. SproutCore
SproutCore یک چارچوب جلویی (front-end) برای ساخت سریع اپلیکیشن های HTML5 است.
SproutCore از الگوی معماری MVC استفاده می کند و تجربه خوبی در وبگردی، در اختیار کاربران خود قرار می دهد.
8. Zebra
زبرا (Zebra) یک چارچوب رابط کاربری غنی است که به صورت متن باز ارائه می شود.
تگ canvas در HTML5 ستون فقرات این برنامه محسوب می شود.
دست اندرکاران Zebra می گویند این برنامه چیز پیچیده ای نیست و کاربران می توانند آن را در 5 دقیقه فرا بگیرند و کار با آن را آغاز کنند.
9. CreateJS
CreateJS یک کتابخانه و ابزار جاوااسکریپت است که برای ساخت محتواهای غنی و تعاملی HTML5 به کار می رود.
این برنامه متن باز حاوی پنج ماژولار کتابخانه جاوااسکریپت است.
توسعه گران وب با استفاده از CreateJS می توانند پشتیبانی از صوت و افکت های انیمیشن را به سایت های خود بیافزایند.
شرکت های ادوبی، مایکروسافت و AOL حامیان این پروژه هستند.
10. Less Framework
Less Framework یک چارچوب پیشرفته جلویی (frontend) برای ایجاد وب سایت های تعاملی است.
در طراحی Less Framework بر سادگی آن تمرکز شده و از این نظر شبیه Skeleton است (که در بالا شرح آن رفت).
این برنامه دارای چهار طرح بندی (layout) پیش ساخته است، شامل Default، Tablet، Mobile و Wide Mobile.
اگر قبلا در بیان ثبت نام کرده اید لطفا ابتدا وارد شوید، در غیر این صورت می توانید ثبت نام کنید.