قبل ازینکه به نبرد فریمورک های بوت استرپ و فاندیشن بپردازم، اجازه دهید یک توضیح مختصر درباره اینکه css چیست؟ بدهم. بدون تردید هر کسی که تازه به دنیای وب قدم می‌گذارد، آوازه و شهرت css را بسیار خواهد شنید. شهرتی که احتمالا این سوالات را برای شما هم به وجود خواهد آورد که css چیست و چه کاربردی دارد ؟ شناخت این زبان یکی از پایه ای ترین مفاهیم در طراحی وب است که باعث می‌شود سایت شما ظاهر جذابی برای کاربران داشته باشد.
همانطور که برایتان گفتم، css یکی از پایه ای ترین مفاهیم وب به شمار می‌رود که وظیفه آن زیبا ساختن ظاهر کدهای HTML است. کدهای html همان زبان نشانه گذاری معروف هستند که ساختار دنیای طراحی وب را تشکیل می‌دهند. اگر این کدها به تنهایی در سایت ها استفاده شوند، قطعا هیچ جذابیت یا زیبایی برای کاربران ندارند. ظاهر عناصر موجود در html مانند رنگ ها، پس زمینه صفحات، اندازه تصاویر، انیمیشن ها و ... توسط کدهای css ایجاد می‌گردند. تصویر زیر مثالی کاربردی از این زبان ها است که دید شما را نسبت به css بهتر خواهد کرد.
با مشاهده تصویر بالا، احتمالا متوجه شده اید که ساختار صفحات وب یعنی کد های html، در واقع همان بدنه ماشین هستند. اما زمانی که از امکانات زبان css استفاده کنید، شاهد زیبا تر شدن ظاهر ماشین یا همان صفحات خود خواهید بود.
فریمورک ها یک سری قوانین و استاندارد هایی از پیش تعریف شده هستند که در محیطی نرم افزاری، مورد استفاده برنامه نویسان قرار می‌گیرند. این فریمورک ها در زمینه های توسعه برنامه‌های موبایل، دسکتاپ، وب و ... وجود دارند. استفاده از این فریم ورک ها باعث می‌شود که با نوشتن کدهای کمتر، سریع تر به نتایج دلخواه خود در برنامه نویسی برسید.
همانطور که اشاره کردم css هم مانند سایر زبان های برنامه نویسی دارای فریم ورک هایی است که سرعت کد زنی شما را افزایش می‌دهد. در ادامه مطلب دو تن از جنگجویان و رقیبان بسیار قوی css را برایتان معرفی خواهم کرد، پس به هیچ عنوان تماشای این میدان جنگ را از دست ندهید.
بوت استرپ یکی از محبوب ترین چارچوب های css است که برای توسعه سریع تر سایت ها مورد استفاده قرار می‌گیرد. از قابلیت های این فریمورک می‌توان به ایجاد فرم، منو، اسلایدر و... اشاره کرد که در عین سادگی و سازگاری با مرورگرهای مختلف، کدها را نیز بهینه میکند. در حالت کلی برخی از مزایای بوت استرپ عبارتند از :
برخی از معایب استفاده از بوت استرپ نیز عبارت اند از :
فریمورک فاندیشن نیز مانند بوت استرپ دارای ساختاری هدفمند است که با استفاده از کتابخانه ها به Responsive کردن سایت ها، ساده سازی پروژه های بزرگ و ... می‌پردازد. اما به علت پیچیده بودن آن، برای افرادی که مبتدی هستند پیشنهاد نمی‌شود. برخی مزایای این فریم ورک عبارتند از :
معایب استفاده از foundation نیز عبارت اند از :
در قسمت زیر میتوانید آمار محبوبیت این 2 فریمورک را در سال های اخیر مشاهده کنید.
بوت استرپ و فاندیشن دو رقیب اصلی در میدان نبرد فریمورک ها هستند. برای تصمیم گیری در مورد انتخاب یک فریم ورک مناسب، باید در نظر داشته باشید که کدام یک از این ها نیازتان را برآورده خواهد کرد. بدون شک foundation راه پیچیده تری برای طراحی جلوی پایتان می‌گذارد، اما این قابلیت را فراهم میکند که طراحی منحصر به فرد و سفارشی خود را ایجاد کنید. در مورد Bootstrap هم با داشتن دانش بسیار کمی از CSS و جاوا اسکریپت میتوانید طراحی وبسایت خودتان را به زیبایی انجام دهید. در نهایت با انتخاب هرکدام ازین فریمورک ها مبتنی بر نیاز های خود، میتوانید فرآیند توسعه سایت را بسیار ساده کرده و پایه های لازم برای ایجاد یک وب سایت شگفت انگیز را فراهم کنید. انتخاب با شماست!
