فریم ورک طراحی وب سایت چیست؟

فریم ورک به یک محیط و یا چهارچوب کاری در زبان های برنامه نویسی مختلف اطلاق می شود که برنامه نویسان را ملزم به رعایت یک سری اصول کلی می نمایند ، در فریم ورک ها توابع مفید مانند متد ها و حتی کلاس ها یی از پیش نوشته شده اند و کار را برای برنامه نویسان ساده کرده اند و به آنان این امکان را می دهند که با نوشتن کد کمتر ، امنیت و بهره وری بالاتری از نتیجه کار خود ببینند. و در صورت لزوم کلاس های از پیش تعریف شده را تغییر یا مطلبی به آن اضافه کنند.

کار کردن با فریم ورک مزایایی از جمله:

۱- سادگی بیشتر
۲- نتیجه بهتر
۳- اصول مهندسی خاص که بیشتر برنامه نویسان از آن استفاده می کنند
۴- مثال های بیشتر و رفع نواقص
۵- بازار کار بهتر
۶- حرفه ایی بودن
۷- امنیت بالاتر
و موارد بسیار دیگر دارد.

حال نوبت آن رسیده است تا ما بهترین فریم ورک های طراحی ظاهر وب سایت را به شما معرفی کنیم.

۱- Bootstrap
Bootstrap اولین فریم ورک برتر لیست ما، مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.
Bootstrap در ابتدا توسط مارک اتو و جاکوب تورنتون و در جهت ایجاد یک چارچوب ظاهری مشخص و یکسان در ابزارهای توییتر طراحی و نوشته شد. قبل از شروع این پروژه نمونه های زیادی با همین رویکرد ایجاد شده بود که همگی با سرنوشتی مشابه و عدم استقبال طراحان وب دنیا مواجه شده بودند. به دلیل وجود مشکلات اساسی در نمونه های دیگر، سازنده اصلی توییتر یا همان مارک اتو تصمیم به ساخت یک سیستم داخلی و قدرتمند برای خود با نام Bootstrap گرفت.
این چارچوب یا Framework با تمامی مرورگرهای استاندارد همخوانی داشته و حتی در نسخه های قدیمی تر مانند اینترنت اکسپلورر ۸ نیز ظاهر زیبای خود را حفظ میکند. از نسخه دوم Bootstrap به بعد طراحی واکنشگرا یا رسپانسیو نیز در آن لحاظ شد که موجب نمایش مناسب صفحه در تلفن های هوشمند و تبلت ها میگردد.

    سازندگان:  Mark Otto و Jacob Thornton
    تاریخ ساخت: ۲۰۱۱
    نسخه کنونی: ۳٫۳٫۱
    محبوبیت: بیش از ۷۵،۰۰۰ ستاره در GitHub
    توضیحات: “محبوب ترین فریم ورک HTML، CSS می باشد، و واکنشگرایی JAVA SCRIPT برای برنامه نویسان، پروژه اولین تلفن همراه در وب است.”
    مفاهیم اصلی / اصول: RWD and mobile first
    حجم فریم ورک: ۱۴۵ KB
    پردازشگر: Sass
    رسپانسیو: بله!
    مدولار: بله!
    مستندات: خوب
    پشتیبانی از مرورگر:  Firefox, Chrome, Safari, IE۸+ (you need Respond.js for IE۸)
    مجوز: MIT

 
۲- Foundation
Foundation دومین گذینه برتر لیست ما است. این فریم ورک با پشتیبانی شرکت ZURB ، توانسته است یک فریم ورک قوی ، سریع و کاربردی باشد. به همین دلیل از این فریم ورک کاربردی در وب سایت های معرف جهان مانند:  فیسبوک , موزیلا , Ebay, Yahoo و National Geographic استفاده می گردد.

    سازندگان: ZURB
    تاریخ ساخت: ۲۰۱۱
    نسخه کنونی: ۵٫۵
    محبوبیت: بیش از ۱۸،۰۰۰ ستاره در GitHub
    توضیحات: “پیشرفته ترین فریم ورک پاسخگو در جهان”
    مفاهیم اصلی / اصول: RWD, mobile first, semantic
    حجم فریم ورک: ۳۲۶ KB
    پردازشگر: Sass
    رسپانسیو: بله!
    مدولار: بله!
    مستندات: خوب. بسیاری از منابع اضافی در دسترس هستند.
    پشتیبانی از مرورگر: Chrome, Firefox, Safari, IE۹+; iOS, Android, Windows Phone ۷+
    مجوز: MIT

 
۳- Semantic UI
فریم ورک Semantic UI برای ساخت وب سایت های زیبا در کمترین زمان مورد استفده قرار می گیرد. این فریم ورک با بهرگیری از اصول زبان طبیعی کدنویسی، کدها را برای برنامه نویسان قابل خواندن و قابل درک می کند.

    سازندگان: Jack Lukic
    تاریخ ساخت: ۲۰۱۳
    نسخه کنونی: ۱٫۲٫۰
    محبوبیت: بیش از ۱۲,۹۰۰ ستاره در GitHub
    توضیحات: “UI component framework ، “
    مفاهیم اصلی / اصول:  Semantic, tag ambivalence, responsive.
    حجم فریم ورک: ۵۵۲ KB
    پردازشگر: Less
    رسپانسیو: بله!
    مدولار: بله!
    مستندات: خیلی خوب است. معنایی ارائه می دهد به خوبی سازمان یافته اسناد و مدارک، به علاوه یک وب سایت مجزا ارائه می دهد که راهنماهای برای شروع کار، سفارشی و ایجاد تم.
    پشتیبانی از مرورگر: Firefox, Chrome, Safari, IE۱۰+ (IE۹ with browser prefix only), Android ۴, Blackberry ۱۰
    مجوز: MIT

۴- Pure ساخت Yahoo!
Pure، فریم ورکی کم حجم و سریع در سبک مدولار می باشد. ویژگی خوب این فریم ورک جزء به جزء بودن کدهای آن است، به این معنی که هر قسمت از این فریمورک را نیاز داشته باید، کافیست که از CSS جداگانه آن استفاده کنید.
Pure ساخت Yahoo!

    سازندگان: Yahoo
    تاریخ ساخت: ۲۰۱۳
    نسخه کنونی: ۰٫۵٫۰
    محبوبیت: بیش از ۹,۰۰۰ ستاره در GitHub
    توضیحات: “زیبا و کم حجم،به سبک مدولار، برای استفاده در هر پروژه ای “
    مفاهیم اصلی / اصول:  SMACSS, minimalism.
    حجم فریم ورک: ۱۸ KB
    پردازشگر: ندارد
    رسپانسیو: بله!
    مدولار: بله!
    مستندات: خوب.
    پشتیبانی از مرورگر: Latest versions of Firefox, Chrome, Safari; IE۷+; iOS ۶.x, ۷.x; Android ۴.x
    مجوز: Yahoo! Inc. BSD

۵- UIkit ساخت شرکت YOOtheme
UIkit مجموعه فشرده با امکان سفارشی سازی اسان و استفاده آسان در پروژه های وب می باشد. گرچه به محبوبیت رقبای دیگر خود نیست اما این فریم ورک از کیفیت بسیار خوبی برخوردار است.

    سازندگان: YOOtheme
    تاریخ ساخت: ۲۰۱۳
    نسخه کنونی: ۲٫۱۳٫۱
    محبوبیت: بیش از ۳,۸۰۰ ستاره در GitHub
    توضیحات: “یک فریم ورک کم حجم و پر امکانات و سریع و دارای طراحی ظاهری قدرتمند است. “
    مفاهیم اصلی / اصول:  RWD, mobile first
    حجم فریم ورک: ۱۱۸ KB
    پردازشگر: Less, Sass
    رسپانسیو: بله!
    مدولار: بله!
    مستندات: خوب.
    پشتیبانی از مرورگر: Chrome, Firefox, Safari, IE۹+
    مجوز: MIT