Kaptain Kitty
دسته ها :Html و Css
انتشار :۲۲ مرداد ۱۳۹۳
بازدید :782 بار

فریم ورک foundation

فریم ورک foundation

فریم ورک Foundation 4 به تازگی منتشر شده و ویژگی های آینده نگرانه ای مانند grid شناور، تورهای تعاملی در وب سایت و پشتیبانی native برای SASS دارد و همین ویژگی ها آن را به فریم ورکی محبوب برای برنامه نویسی سمت کلاینت تبدیل کرده است.

با انتشار اخیر Bootstrap 3، استفاده از آخرین نسخه ی این فریم ورک به صورت انفجاری رشد کرده است که در مقایسه با نسخه ی قبلی رشد بسیار زیادی داشته است. Bootstrap 3 بسیاری از ویژگی های محبوبی که در Foundation دیده شده است را به خود اضافه کرده است و علاوه بر آنها چند ویژگی خوب دیگر را نیز معرفی می کند.

در جدول زیر ویژگی دو فریم ورک، ویژی های جدید فریم ورک Bootstrap و همچنین ویژگی هایی که در دو فریم ورک با هم متفاوت است آورده شده است:

Bootstrap 3.0

Foundation 4.3

ویژگی های جدید Bootstrap 3

فونت های توکار برای آیکن ها

دارد

ندارد

تست توکار سرور

دارد

ندارد

Grid شناور

دارد

دارد

پشتیبانی از Grunt

دارد

ندارد

لیست های افقی

دارد

دارد

پشتیبانی از IE 8

دارد

ندارد

Media object

دارد

ندارد

 Grid موبایل

دارد

دارد

Panel

دارد

دارد

Foundation 4 only

ستون های مجتمع

ندارد

دارد

Grid مشبک (Block)

ندارد

دارد

اعتبار سنجی فرم

ندارد

دارد

عدم وجود فاصله بین ردیف ها

ندارد

دارد

پشتیبانی Native از SASS

ندارد

دارد

جداول قیمت گذاری

ندارد

دارد

پشتیبانی از فرمت راست به چپ

ندارد

دارد

تغییر سایز ویدیو

ندارد

دارد

تور وبسایت

ندارد

دارد

ویژگی های منسوخ

پشتیبانی از IE 7

ندارد

ندارد

Typeahead

ندارد

ندارد

 

علیرغم این که Foundation می تواند ویژگی های بیشتری را ارائه دهد، اما می توان گفت که در حال حاضر هر دو فریم ورک تا حدود زیادی با هم مشابه هستند. فریم ورک Bootstrap 3 بیشتر به سمت تبدیل شدن به محیط برنامه نویسی کامل حرکت می کند. در حالی که Foundation بیشتر تمایل به ارائه ی کامپوننت های خلاقانه برای ایجاد سریع وب سایت ها و اپلیکیشن هایی غنی از ویژگی های جدید و کاربردی دارد. هر دو فریم ورک کاملا ساده به نظر می رسند، به راحتی سفارشی می شوند و سرعت برنامه نویسی را تا حد زیادی بالا می برند. بنابراین به سختی می توانید تشخیص دهید کدام یک برای شما مناسب تر است. تفاوت های کلیدی دیگری هم وجود دارد که باید در زمان انتخاب یک فریم ورک در نظر بگیرید.

جامعه برنامه نویسان

Bootstrap مدت زمان بیشتری از زمان انتشارش می گذرد، ازین رو کاربران بسیار بیشتری دارد که توسط توییتر پشتیبانی و نگهداری می شوند. اگر توجه کنید منابع پشتیبانی کمتری برای Foundation وجود دارد و رفع مشکلات آن (troubleshooting) نیز عموما زمان بسیار زمان بر است.

مستندات

برای هر دو فریم ورک مستندات فراوانی وجود دارد. مستندات Bootstrap 3 بسیار ساختار یافته بوده و نحوه ی پیاده سازی سریع ویژگی های Bootstrap را توضیح می دهد. مستندات Foundation کمتر به مسائل عمقی پرداخته اند اما بیشتر برنامه نویس را محور آموزش های خود قرار داده و mixin هایی را برای هر کامپوننت ارائه می دهند.

آماده سازی محیط برنامه نویسی

برنامه نویسی در Bootstrap 2 تا حدودی رمزآلود بود، بنابراین می توانید به راحتی متوجه شوید که پیشرفت های زیادی بر Bootstrap 3 اعمال شده است. راه اندازی آن نیاز به وجود Node، Bower، Grunt و Jekyll میباشد که حدود ۱۰ دقیقه طول می کشد که بر روی Mac و حدود یک ساعت طول می کشد که بر روی Windows شروع به کار کند (Jekyll بر روی Windows اجرا نمی شود و زمان زیادی طول میکشد که بر روی آن شروع به کار کند).

محیط فریم ورک Foundation بر اساس Ruby بوده و به راحتی بر روی Mac اجرا می شود (Ruby تقریبا بر روی تمامی دستگاه های Apple نصب شده است).

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

برچسب‌ها, , , ,

مطالب مرتبط

بهتر از من می دانید که دنیای برنامه نویسی هر روز با تغییرات جدی روبه رو است. هر روز که صفحات اینترنتی را باز می کنید می بینید که فریم ورک جدیدی وارد بازار شده که تا دیروز حتی اسمش را هم نشنیده بودید. با کمی تحقیق می بینید که اتفاقا بسیار کارامد هم هست. […]

نمی دانم برای شما هم پیش آمده است که روی پروژه ای مشغول کدنویسی باشید که در آن از افکت های سنگین ۳ بعدی و انیمیشنی بخواهید استفاده کنید یا خیر؟! اما من در چند وقت گذشته در یک پروژه ی وب اپلیکیشن مشغول کد نویسی بودم که هدفش انیمیشن سازی آنلاین در وب است. یک برنامه شبیه […]

یکی از بهترین و فوق العاده ترین پلاگین های جاوااسکرپیتی، پلاگینی است با عنوان ai2html، که کوتاه شده ی عبارت Adobe Illustrator to html می باشد. به طور خلاصه: می توانید فایل گرافیکی ساخته شده توسط نرم افزار Adobe Illustrator را به کدهای html تبدیل کنید. و این یکی از هیجان انگیزترین کارهای ممکن در وب است. […]

در این مقاله می خواهیم نگاهی داشته باشیم به مبحث JavaScript Templating یا همان مدیریت و ایجاد تمپلیت در وبسایت توسط جاوااسکریپت. در وحله ی اول بهتر است ببینیم تمپلیت های جاوااسکریپت چه معنایی دارند، چه زمانی باید از آنها استفاده کنیم و اینکه چگونه می توان آنها را پیاده سازی نمود. خوب است بدانید که موتورهای […]

نظراتتان را برایمان بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مطالب ما تو این شبکه های اجتماعی هم پخش میشه