Foundation یک فریم ورک front-end و واکنش گرا است. Foundation از سیستم طراحی 12ستونی استفاده می کند. این فریم ورک شامل سطر و ستون است و توانایی کشیدن ستون در سطر و بلعکس را دارد. همچنین از کامپوننت های از پیش طراحی شده و ready to use مانند Navigation bar, Buttons, Pagination, Labels, Progress bar, …. نیز بهره می برد. Foundation همچنین از افزونه های اختیاری جاوا اسکریپت از جمله پیاده سازی سریع پلاگین های JS برای اضافه کردن انواع خاصی از ویژگی های پیشرفته مانند affixed sidebar یا pop-up models استفاده می کند.
فریم ورک front-end به این معنی است که برای توسعه یک وب سایت جدید نیاز به طراحی مجدد نیست. همچنین فریم ورک front-end نسبت به CSS ارجحیت دارد و معمولا با مجموعه ای از فایل های html, css, js همراه است.
Foundation در سال 2008توسط zurb طراحی شد و در سال2011 به عرضه عمومی رسید. به مرور زمان تعداد نسخه های Foundation بیشتر از Bootstrap شد که این نشانه تلاش بیشتر برنامه نویسان آن در رفع خطا ها و باگ های برنامه است. با این حال به گستردگی Bootstrap از آن استفاده نمی شود.
تیم Foundation خدمات و دوره های مختلف پشتیبانی را ارائه می دهند. آنها همچنین دوره های انلاین آموزشی را نیز برگزار می کنند.
مزایای استفاده از Foundation
- متکی به طراحی کاربر
- امکان طراحی responsive
- بدلیل محبوبیت کمتر و نمونه های کمتر خاص تر هست
- توانایی ایجاد سیستم های شبکه ای (More grid system capabilities)
- بکارگیری ویجت های از پیش ساخته شده
برخی از امکانات فریم ورک Foundation
- اعتبارسنجی فرم ها در html5
- منو off-canvas
- جدول قیمت گذاری
- Responsive media
- پشتیبانی از right-to-left
- تعریف تور و هدایای تبلیغاتی در سایت
- پشتیبانی های اضافی