فريم ورك ها به برنامه نويسان كمك ميكند كه آسانتر كار كنند.
آنها باعث افزايش بهره وري مي شوند و براي نمونه سازي سريع و سايت ها بسيار مناسب هستند. علاوه بر اين، آنها مزايايي مانند سازگاري متقابل مرورگر و اجزاي آماده CSS را ارائه مي دهند.
اساسا، با استفاده از يك فريم ورك سمت كاربري (front-end) به اين معني است كه شما مجبور نيستيد هر بار كه يك وب سايت جديد و يا يك برنامه وب طراحي مي كنيد از ابتدا شروع كنيد.
فريم ورك هاي front-end كه به عنوان فريم ورك هاي css هم ناميده مي شوند، معمولا از يك سري فايهايي تشكيل شده اند مثل css jsvascript
درحاليكه فريم ورك هاي سمت كاربري (front-end) بسيار زياد هستند. دوتا از محبوب ترين فريم ورك ها، بوتسترپ (bootstrap) و فانديشن (foundation) هستند. اگرچه بسيار شبيه به هم هستند اما هنگام طراحي سايت تفاوت هاي كليدي دارند.
در اين مقاله، بررسي خواهيم كرد كه كدام فريم ورك براي شما، نسبت به اهداف و سبكي كه درنظر داريد، مناسب تر است.
داستان شروع بوتسترپ
فريم ورك بوتسترپ براي اولين بار در اواسط سال 2010 توسط كاركنان Mark Otto در توييتر ساخته شد. در ابتدا يك فريم ورك داخلي بود اما بعدا در 19 اوت 2011 به عموم منتشر شد.
داستان شروع فانديشن
فانديشن نيز به عنوان يك فريم ورك داخلي در سال 2008 توسط شركت Zurb ايجاد شد و آن را در پاييز 2011 در اختيار عموم قرار داد.
با گذشت زمان، فانديشن نسخه هاي بيشتري نسبت به بوتسترپ انتشار داد ( به اين معني كه كدام يك از آنها زمان بيشتري براي تنظيم دقيق و حل مشكلات صرف كرده اند). با اين حال، كاربراني كه از بوتسترپ استفاده مي كنند بيشتر هستند.
شباهت هاي مابين بوتسترپ و فانديشن
- منبع باز (open source)
هر دو فريم ورك تحت مجوز MIT ساخته شده اند، به اين معني كه انها براي استفاده و انطباق، آزاد و كدباز هستند.
- واكنشگرا (يا mobile first)
يك سايت واكنشگرا، اساسا به اين معني است كه وبسايت يا برنامه وب ميتواند به صورت يكپارچه در اندازههاي صفحه نمايش، موبايل، رايانه روميزي و دسكتاپ و .. كار كند.
- سيستم 12گريد
يك سيستم گريد بندي در فريم ورك، به شما اين امكان را مي دهد كه با قدرت بيشتري چيدمان صفحه سايت يا وب اپليكيشن خود را طراحي كنيد.
هر دو فريم ورك عبارتند از:
- سطر ها و ستون ها
- توانايي كشيدن ستون در رديفها و بالعكسپ
Figure 1 - نمونه گريد بندي بوتسترپ
Figure 2 - نمونه گريد بندي فانديشن
- سبك اجزاي css
بوتسترپ و فانديشن هر دو "پيش طراحي شده" و اجزاي "آماده به كار" ارائه شده اند. مانند موارد زير:
- نوار ناوبري
- دكمه ها
- صفحه بندي
- برچسب ها
- نوار پيشرفت
- و ...
- افزونه هاي اختياري جاوااسكريپت
اين افزونه هاي JS براي افزودن انواع خاصي از ويژگي هاي پيشرفته تر در front-end كار را براي برنامه نويسان آسان تر ميكند؛ مانند منو هاي سايد بار يا پاپ اپ ها.
بوتسترپ داراي 12 افزونه است درحاليكه فانديشن داراي 15 افزونه است.