webone.co
کاربر تازه وارد
- تاریخ عضویت
- 25 ژوئن 2016
- نوشته‌ها
- 13
- لایک‌ها
- 8
آشنایی با Bootstrap در طراحی سایت
بسیاری از مواقع برنامه نویسان با وجود در دست داشتن پروژه و کدهای آن به صورت آماده، به دلیل فقدان طرحی که باید روی آن کار کنند قادر به پیشروی و اجرای آن نیستند. در واقع باید منتظر بمانند تا طراحی ظاهری و client-side پروژه تکمیل شود که این مسئله به خصوص برای کسانی که قصد پیاده سازی هر چه سریعتر ایده خود را دارند بسیار زمان بر است. در این حالت است که بوت استرپ میتواند یک راه حل مناسب باشد.
Bootstrap چیست ؟
بوت استرپ یک چارچوب قدرتمند در طراحی سایت جهت گسترش سریعتر و راحتتر وب است که شامل قالب های آماده بر پایه HTML و CSS برای مؤلفه های واسط کاربری رایج مانند : تایپوگرافی، فرم ها، دکمه ها، جداول، منوهای کشویی و غیره و همچنین افزونه های انتخابی جاوا اسکریپت میباشد.
علاوه بر این بوت استرپ این امکان را به ما میدهد که طراحی های رسپانسیو (responsive) را در زمان کمتر ایجاد کنیم.
امتیازات Bootstrap :
بزرگترین مزیت بوت استرپ این است که دارای مجموعه رایگانی از ابزارها برای ایجاد صفحات وب انعطاف پذیر و رسپانسیو میباشد.
بعلاوه، با استفاده از اطلاعات رابط برنامه نویسی (API) در بوت استرپ میتوانید اجزاء واسط پیشرفته مانند scrollspy و تکمیل کننده خودکار کلمات (typeahead) را بدون نیاز به نوشتن حتی یک خط کد جاوا اسکریپت ایجاد نمایید.
مزایای دیگر Bootstrap :
صرفه جویی در زمان - میتوان با استفاده از قالب ها و کلاس های از پیش طراحی شده بوت استرپ زمان و انرژی کمتری برای طراحی وب سایت صرف کرده و بیشتر بر روی جنبه های دیگر پروژه متمرکز شد.
ویژگی های رسپانسیو (responsive) - با استفاده از بوت استرپ میتوان به راحتی طراحی های responsive ایجاد کرد. ویژگی های responsive باعث میشوند که صفحات وب در دستگاه های مختلف و وضوح تصویر متفاوت به درستی و به صورت مناسب و بدون نیاز به هیچگونه تغییر در کدگذاری، نمایش داده شوند.
طراحی منسجم و یکپارچه - تمامی مؤلفه های بوت استرپ از قالب های طراحی و استایل های مشترک از طریق یک کتابخانه مرکزی استفاده میکنند. بنابراین طرح و پیکربندی (layout) صفحات وب در طول توسعه و طراحی، ثابت و یکپارچه باقی می مانند.
سهولت استفاده - استفاده از بوت استرپ بسیار ساده است به طوری که هر شخص با دانش و اطلاعات اولیه و پایه ای از HTML و CSS میتواند از آن استفاده کند.
سازگار با مرورگرها - بوت استرپ با کلیه مرورگرهای پیشرفته و جدید مانند Mozilla firefox، Google Chrome، Safari، Internet Explorer و Opera سازگار است.
منبع باز (open source) - بهترین نکته این است که Bootstrap به صورت رایگان قابل دانلود و استفاده میباشد.
بسیاری از مواقع برنامه نویسان با وجود در دست داشتن پروژه و کدهای آن به صورت آماده، به دلیل فقدان طرحی که باید روی آن کار کنند قادر به پیشروی و اجرای آن نیستند. در واقع باید منتظر بمانند تا طراحی ظاهری و client-side پروژه تکمیل شود که این مسئله به خصوص برای کسانی که قصد پیاده سازی هر چه سریعتر ایده خود را دارند بسیار زمان بر است. در این حالت است که بوت استرپ میتواند یک راه حل مناسب باشد.
Bootstrap چیست ؟
بوت استرپ یک چارچوب قدرتمند در طراحی سایت جهت گسترش سریعتر و راحتتر وب است که شامل قالب های آماده بر پایه HTML و CSS برای مؤلفه های واسط کاربری رایج مانند : تایپوگرافی، فرم ها، دکمه ها، جداول، منوهای کشویی و غیره و همچنین افزونه های انتخابی جاوا اسکریپت میباشد.
علاوه بر این بوت استرپ این امکان را به ما میدهد که طراحی های رسپانسیو (responsive) را در زمان کمتر ایجاد کنیم.
امتیازات Bootstrap :
بزرگترین مزیت بوت استرپ این است که دارای مجموعه رایگانی از ابزارها برای ایجاد صفحات وب انعطاف پذیر و رسپانسیو میباشد.
بعلاوه، با استفاده از اطلاعات رابط برنامه نویسی (API) در بوت استرپ میتوانید اجزاء واسط پیشرفته مانند scrollspy و تکمیل کننده خودکار کلمات (typeahead) را بدون نیاز به نوشتن حتی یک خط کد جاوا اسکریپت ایجاد نمایید.
مزایای دیگر Bootstrap :
صرفه جویی در زمان - میتوان با استفاده از قالب ها و کلاس های از پیش طراحی شده بوت استرپ زمان و انرژی کمتری برای طراحی وب سایت صرف کرده و بیشتر بر روی جنبه های دیگر پروژه متمرکز شد.
ویژگی های رسپانسیو (responsive) - با استفاده از بوت استرپ میتوان به راحتی طراحی های responsive ایجاد کرد. ویژگی های responsive باعث میشوند که صفحات وب در دستگاه های مختلف و وضوح تصویر متفاوت به درستی و به صورت مناسب و بدون نیاز به هیچگونه تغییر در کدگذاری، نمایش داده شوند.
طراحی منسجم و یکپارچه - تمامی مؤلفه های بوت استرپ از قالب های طراحی و استایل های مشترک از طریق یک کتابخانه مرکزی استفاده میکنند. بنابراین طرح و پیکربندی (layout) صفحات وب در طول توسعه و طراحی، ثابت و یکپارچه باقی می مانند.
سهولت استفاده - استفاده از بوت استرپ بسیار ساده است به طوری که هر شخص با دانش و اطلاعات اولیه و پایه ای از HTML و CSS میتواند از آن استفاده کند.
سازگار با مرورگرها - بوت استرپ با کلیه مرورگرهای پیشرفته و جدید مانند Mozilla firefox، Google Chrome، Safari، Internet Explorer و Opera سازگار است.
منبع باز (open source) - بهترین نکته این است که Bootstrap به صورت رایگان قابل دانلود و استفاده میباشد.
