نوشته‌ها

bootstrap-framework

بوت استرپ چیست و چه کاربردهایی دارد؟

بوت استرپ چیست و چه کاربردهایی دارد؟

امروزه با توجه به افزایش روزافزون کاربران آنلاین، تعداد صفحات وب رو به افزایش است. افراد در نقاط مختلف جهان به وب سایت ها از طرق مختلف همچون لپ تاپ- تلویزیون- موبایل- تبلت و یا حتی ساعت دسترسی دارند.
بنابراین ایجاد وب سایت هایی که توانایی نمایش به بهترین شکل ممکن در تمام این دستگاه ها را داشته باشند، به یکی از مهم ترین چالش ها بدل شده است.

از آن جا که میزان مشاهده ی وب سایت ها از طریق موبایل، هروزه بیشتر و بیشتر میشود پس نمیتوان به جمله ی *این وب سایت بخوبی بروی دسکتاپ قابل نمایش است* بسنده نمود.  ابزارهای متنوعی تا کنون برای تنظیم اندازه سایت بروی نمایشگرهای مختلف و واکنش گرا نمودن آنها ارایه شده است که یکی از بهترین های آنهاBootstrap می باشد.

بوت استرپ در سال ۲۰۱۰ توسط مارک اُتو (Mark Otto) و جاکوب تورنتون (Jacob Thornton) ساخته شد که هردو در شرکت توییتر به عنوان طراح و توسعه دهنده مشغول به کار بودند. بوت استرپ پس از استفاده توسط توسعه دهندگان و طراحان سرانجام یه عنوان یک پروژه متن باز و رایگان در آگوست ۲۰۱۱ به دنیا معرفی شد. آخرین نسخه بوت استرپ همواره در سایت GitHub و همچنین در وب سایت رسمی بوتسترپ به صورت رایگان برای دانلود موجود می باشد.

اما بوت استرپ دقیقا چیست؟ بوت استرپ ساختاری متشکل از HTML- CSS- JS  برای طراحی و توسعه ی واکنش گرایی وب سایت ها، با اولویت نمایش صحیح و درست در صفحه نمایش های با ابعاد مختلف می باشد.

چارچوب HTML- CSS- JS

در هنگام طراحی یک سایت، Html وظیفه ی ایجاد و فراهم نمودن ساختار و محتوای وب سایت، CSS سبب هرچه زیباتر شدن وب سایت و JS موجب اضافه شدن توابعی به محتوا میشوند. بوت استرپ در واقع مجموعه ای از این سه زبان است که در واقع یک نقطه ی شروع عالی برای طراحی سایت است. از جنبه ای دیگر بوت استرپ موجب طراحی و توسعه ی هرچه سریعتر و آسانتر صفحات وب می شود که دارا بودن قابلیت واکنش گرایی امتیاز بسیار بالایی به آن داده است.

واکنشگرایی

طراحی صفحات واکنش گرا، رویکردی برای طراحی صفحات وب با تمرکز بر سازگاری محتوا و شکل نمایش صحیح صفحات وب در اندازه های مختلف صفحه نمایش می باشد. قالب های واکنش گرا همچون بوتسترپ تکنیک های متنوعی همچون سیستم های شبکه بندی وتصاویر انعطاف پذیر را دارا می باشند تا از نمایش صحیح یک وب سایت بروی صفحه نمایش ۲۷ و یا ۵٫۵ اینچی و یا هر اندازه ی دیگری مطمین شوند.

در زیر به اختصار لیستی از مزایا و ویژگی های بوت استرپ آورده شده است:

– واکنش گرایی

– طراحی مستحکم

– استفاده آسان 

– سازگاری با انواع مرورگرها 

– متن باز

منبع: دوران دات نت

Responsive-Webdesign

واکنشگرایی چیست و به چه سایت هایی ریسپانسیو گفته می شود؟

واکنشگرایی چیست و به چه سایت هایی ریسپانسیو گفته می شود؟

شاید به وفور پیش آمده که هنگام مشاهده وبسایت در تبلت یا گوشی های هوشمند مجبور شویم با انگشت دست صفحه را لمس کنیم تا بتوانیم قسمت های مختلف آن سایت را ببینیم.

responsive-web-design-resolution

 عدم واکنشگرایی وب سایت ها باعث می شود مطالعه آنلاین و یا هر کاری در محیط اینترنت به وسیله گوشی های هوشمند و تبلت، کاری طاقت فرسا باشد. راهکاری که طراحان وب برای حل این مشکل ارائه دادند طراحی واکنشگرا یا responsive بود که ابتدا از طریق مدیاکوئری های CSS و پس از آن از طریق فریم ورک framework ریسپانسیو سازی این مشکل برطرف شد.

فریم ورک های ریسپانسیو سازی در واقع یک ابزار از پیش آماده شده و هوشمند می باشد که یکی از اهداف آنها طراحی واکنشگرا می باشد و استفاده از آنها صرفاً برای واکنشگرایی نیست. در حال حاضر فریم ورک های زیادی ایجاد شده است که اگر بخواهیم از آنها نامی ببریم می توانیم از bootstrap شروع کنیم که معروف ترین فریم ورک برای طراحی ریسپانسیو می باشد که پورتال پایا نیز از این فریم ورک محبوب و هوشمند استفاده می کند.

فریم ورک های مناسب دیگری نیز وجود دارند که عبارتند از foundationPureCSSUIKITSkeleton و … که تعداد آنها زیاد است و بسته به نوع کار و استفاده ای که داریم بایستی بهترین را انتخاب کنیم. برخی از این فریم ورک ها دارای پلاگین هایی نیز هستند که می توان استفاده های متفاوتی نیز از آنها داشت. برای مثال پلاگین هایی مانند فرم، اسلایدر و …

از نکات جالب این این فریم ورک ها این است که می توانیم آنها را ویرایش و یا به اصطلاح custom کنیم و با تغییر در آنها، برای خود یک نسخه شخصی سازی شده داشته باشیم. این فریم ورک ها توسط سازندگان آنها بروزرسانی می شود و برخی از آنها دارای نسخه rtl مختص زبان هایی مانند فارسی و عربی می باشد.

منبع: دوران دات نت