Bootstrap چیست و چه کاربردی دارد؟
Bootstrap ( بوت استرپ ) چیست ؟
Bootstrap ( بوت استرپ ) یکی از قدرتمند ترین و محبوب ترین فریم ورک های HTML ، CSS و Javascript برای توسعه و طراحی سایت بصورت واکنش گرا در ابزارهای نمایش وب در اندازه های مختلف از جمله موبایل، تبلت و کامپیوترهای رومیزی می باشد، که امکان طراحی صفحات وب در کمترین زمان را به شما می دهد.
تاریخچه Bootstrap :
Bootstrap ( بوت استرپ ) توسط یک طراح و یک توسعه دهنده تویتر ایجاد شده است، و تبدیل به یکی از محبوب ترین فریم ورک های طراحی سایت و پروژه های منبع باز در جهان شد.
Bootstrap در اواسط سال 2010 در تویتر ساخته شد، قبل از اینکه به یک پروژه منبع باز تبدیل شود به عنوان blueprint در تویتر استفاده می شد.
تویتر چند ماهی را برای توسعه Bootstrap توسط تمام کسانی که مهارت کافی در زمینه طراحی وب سایت بدون هیچ راهنمایی خارجی داشتند، اختصاص داد. در هفته اول توسعه، این پروژه توسط توسعه دهندگان هک شد، بنابراین تویتر توسعه دهندگان را یک سال قبل از انتشار این چهارچوب طراحی وب، استخدام نمود تا پس از رفع باگ ها، آنرا گسترش دهند که تا به امروز این فعالیت همچنان ادامه داشته است.
پس از بررسی های مختلف و رفع ایرادات، بالاخره این فریم ورک جدید در 19 آگوست سال 2011 منتشر شد. قبل از این انتشار نهایی بیش از 20 بار در نسخه های آزمایشی منتشر شده بود و حتی دوبار هم بازنویسی شده بود که حاصل آن ورژن 2 و 3 Bootstrap می باشد.
در Bootstrap ورژن 2 قابلیت های واکنش گرایی به تمام چهارچوب آن به عنوان یک شیوه اختیاری افزوده شد و در Bootstrap ورژن 3 علاوه بر ویژگی های قبلی، واکنش پذیر بودن برای موبایل هم به آن افزوده شد. و اکنون شاهد طراحی ورژن 4 این فریم ورک محبوب هستیم.
این فریم ورک طراحی سایت توسط یک تیم موسس و یک گروه کوچک که هسته ارزشمند آن محسوب می شود، حمایت و محافظت می شود.
نام تجاریBootstrap از نام تجاری Mail chimp الهام گرفته شده است. آرم بوت استرپ فقط با دو عنوان مورد تایید می باشد که یکی فقط کاراکتر B با حرف بزرگ و دیگری کلمه کامل Bootstrap می باشد که در آن فقط B با حرف بزرگ و بقیه حروف باید بصورت کوچک باشند. فونت مربوط به این لوگو Helvetica Neue و بصورت ضخیم می باشد. در ضمن نوشتن کلمه Twitter قبل از آن و یا نوشتن کاراکتر s در Bootstrap با حرف بزرگ اشتباه می باشد. همچنین رنگ آمیزی این لوگو در طیف رنگ هایی که بنفش را شامل می شوند استاندارد می باشد. فریم ورک ( چهارچوب ) Bootstrap یک پروژه منبع باز ( Open source ) می باشد که میزبانی، توسعه و نگهداری آن در GitHub صورت می گیرد.
خصوصیات و ویژگی های Bootstrap ( بوت استرپ ) :
Bootstrap برای هرکسی در هر جایی شاخته شده است:
این چهارچوب مدرن، طراحی و توسعه وب سایت را سریعتر و آسان تر می کند و برای تمام توسعه دهندگان وب با هر نوع سطح مهارتی خلق شده است. و قابل استفاده در هر نوع ابزار نمایش وب و انواع پروژه ها در اندازه های مختلف می باشد.
استفاده از زبان پیش پردازنده در Bootstrap :
در Bootstrap از css استفاده شده است، اما سورس کد آن از دو منبع محبوب پیش پردازنده های css به نام های less و sass بهره گرفته شده است. بنابراین می توانید با سهولت و سرعت بیشتری از آن استفاده نمائید.
فقط یک فریم ورک Bootstrap برای تمام دستگاه و ابزار نمایش وب :
Bootstrap به راحتی و با قدرت بالا وب سایت ها و برنامه ی تحت وب شما را با یک کد پایه و استفاده از مدیا کوئری ها، از تلفن همراه به تبلت و یا از آنها به لپ تاپ و انواع کامپیوترهای رومیزی در اندازه نمایشگرهای متنوع با مقیاس استاندارد، منطبق میکند.
امکانات و ویژگی های متنوع در Bootstrap :
با استفاده از Bootstrap شما می توانید بی شمار مستندات گسترده و خلاقانه، المان های سفارشی و مشترک html، کامپوننت های css و پلاگین های زیبای جی کوئری در اینترنت جستجو کرده و دریافت نمائید. که برخی از این امکانات و کامپوننت های آماده شامل : تایپوگرافی، منوهای اصلی سایت، منو های بازشونده، فرم ها، دکمه ها، جداول، آکاردئون، تب های بازشونده، اسلایدر می باشند.
افزایش وب سایت های طراحی شده با Bootstrap :
میلیون ها وب سایت جذاب و شگفت انگیز در سراسر وب با استفاده از فریم ورک Bootstrap طراحی شده اند. و همچنان طراحی وب سایت با فریم ورک Bootstrap روز به روز در حال افزایش چشمگیری می باشد. طراحی سایت وب کو وب هم از این تکنولوژی مستثنی نبوده و هم در وب سایت خود و هم در سایت ها ی مشتریانش از زمانی که بوت استرپ بوجود آمده است، استفاده نموده که در این میان برخی از نمونه کارهای Bootstrap ما عبارتند از : 4kia.ir ، adselect.ir ، moghaddamco.com و غیره.
مزایای استفاده از Bootstrap ( بوت استرپ ) در طراحی وب سایت :
Bootstrap دارای مجموعه ی بیشماری از ابزارهای رایگان برای طراحی وب:
یکی از بزرگترین مزیت های استفاده از Bootstrap این است که دارای مجموعه ای رایگان از ابزارها برای لایه بندی صفحات وب و ایجاد صفحات واکنش گرا می باشد. این ابزارها رایگان می باشد و آنها را می توانید براحتی از اینترنت دانلود و بدون نوشتن حتی یک خط کد جاوا اسکریپت استفاده نمائید.
استفاده از فریم ورک Bootstrap یعنی صرفه جویی در زمان :
با استفاده از بوت استرپ و بکار بردن امکانات آماده و از پیش تعریف شده در طراحی قالب ها می تواند در زمان طراحی قالب گرافیکی سایت تا حد زیادی صرفه جویی نمود.
ویژگی های بوت استرپ در طراحی سایت واکنش گرا :
با استفاده از Bootstrap می توانید به راحتی لایه های پاسخگو و انعطاف پذیر را برای انواع ابزارهای نمایشگر وب و رزولیشن های متفاوت بدون کوچکترین مشکلی طراحی نمائید.
سهولت استفاده از Bootstrap :
استفاده از Bootstrap بسیار آسان می باشد و هر کسی با کمترین دانش در زمینه وب و آشنایی مختصری با html و css می تواند از آن برای اجرای اهداف خود استفاده نماید.
سازگار با انواع مرورگرهای وب:
Bootstrap با انواع مرورگرهای مدرن وب همچون موزیلا فایرفاکس، گوگل کروم، سفری، اینترنت اکسپلورر و اپرا سازگاری کامل دارد.
نتیجه گیری در مورد استفاده فریم ورک Bootstrap ( بوت استرپ ):
هدف از بوجود آمدن Bootstrap این است که براحتی و سرعت بالا و با درگیری های کمتر بین تگ های html، css و js بتوانید قالب ها، لایه ها و صفحات وب خود را بصورت پاسخگو و طراحی سایت واکنش گرا برای انواع مرورگرها و ابزارهای نمایشگر وب با کمترین دانش ایجاد نمائید.
اشتراک گذاری در :
مقالاتی که پیشنهاد می شود بخوانید
هر رنگ در طراحی وبسایت چه معنای دارد؟
بازدید: 5333
هر رنگ در ضمیر ناخودآگاه انسان تاثیر خاصی می گذارد برای همین رنگ ها در طراحی سایت خیلی مهم هستند مثلا بعضی رنگ ها کاربر را به خرید تشویق می کند، بعضی رنگ ها احساس اعتماد ایجاد می نماید و همچنین بعضی رنگ ها به انسان احساس گسنگی می دهد و ... یعنی شما با رنگ ها به طور غیر مستقیم می توانید احساسات کاربران خود را برانگیخته نمایید.نکات مهم در هنگام انتخاب رنگ برای سایت• رنگ متمم رنگهای [...]
اجتناب از بروز خطای 404 و پراکنده شدن بازدیدکنندگان
بازدید: 2817
خطای ۴۰۴ یکی از کدهای وضعیت پروتکل انتقال ابرمتن میباشد که با عنوان خطای «یافت نشد» (Not Found) شناخته میشود. بدین معنی که سرور وب نمیتواند منبع درخواستی را پیدا کند. این خطا نباید با خطای «سرور یافت نشد» (Server Not Found) اشتباه گرفته شود. در خطای ۴۰۴ ارتباط با سرور به طور کامل برقرار شده، اما منبع درخواستی موجود نبوده است؛ در حالی که در خطای «سرور یافت نشد» امکان برقراری ارتباط با سرور میزبان وجود [...]
الگوریتم گوگل پاندا در سئو چه نقشی دارد؟
بازدید: 2356
گوگل پاندا (Google Panda) به تغییراتی گفته می شود که از اواخر اسفند 1389 (فوریه 2011) در الگوریتم نمایش نتایج جستجو در گوگل اعمال شد و همچنان ادامه دارد. این تغییرات با هدف کاهش سایت های رتبه بندی شده یا کیفیت پایین دنبال می شود و سایت های با کیفیت را در بالای صفحه نمایش نتایج جستجو نشان می دهد. در اثر این تغییرات، سایت هایی که حجم بسیار زیادی آگهی تبلیغاتی در خود جای داده بودند به رده های پایین سقوط کننند و وب [...]
باید ها و نبایدهای متخصص طراحی سایت
بازدید: 2846
باید و نباید هایی که شما به عنوان یک متخصص طراحی سایت باید رعایت بفرمایید را در این مقاله به صورت خلاصه عرض کرده ایم. امیدواریم به شما در زمینه طراحی سایت و سئو سایت کمک نماید.تبدیل شدن به یک متخصص که هیچ کس درباره اش نشنیده ارزش کمی در مسیر شغلی شما خواهد داشت. با وجود همه این ها، اینکه به عنوان یک متخصص شناخته شوید می تواند هنگامی که با مشتریان کار می کنید کمکتان کند و این پتانسیل را ایجاد کند [...]
تصورات غلط و رایج درباره طراحان وب
بازدید: 2723
اصولا امروزه هر فردی که یک کتاب طراحی وب را مطالعه کرده باشد ، تصورش اینست که دیگر خدای طراحی است و کسی بالای دست او کار نمی کند، اما واقعا یک طراحی وب شامل دانسته هایی از حیطه های مختلف مثل CSS3, HTML5,Javascript,PHP,jQuery و موارد زیاد دیگر است که همه با هم می تواند یک طراح وب را به جلو سوق دهد. برخی از تصورات غلط و البته رایج در مورد یک طراح وب را که اکثرشان هم درست نیستند ، توضیح داده و نکاتی مهم وقابل توجهی را بیان می [...]
نکات بازاریابی از طریق شبکه های اجتماعی
بازدید: 3663
این نکته را درذهن داشته باشید شبکه های اجتماعی و به طور کلی بازاریابی شبکه های اجتماعی بحث کوتاهی نیستند شبکه های اجتماعی بحث کاملا پیچیده ای هستند و نمیشود با تکیه بر اصول حتما در انها موفق شد.امروزه شبکه های اجتماعی تاثیر بسزایی در بازاریابی و به طور کل در کسب و کار اینترنتی دارند به طوریکه با اشتراک گذاری مطالب خود می توانیم لایک و کامنت دریافت کنیم .برای موفقیت در شبکه های اجتماعی 3 اصل اساسی و مهم وجود [...]