ضعیفبد نیستمتوسطخوبعالی (2 votes, average: 5٫00 out of 5)
Loading...

معرفی فریم ورک های طراحی ریسپانسیو (Responsive Design)

به نام خالق عشق

در مطلب قبلی خود تحت عنوان “طراحی ریسپانسیو چیست” کاملا شما را با Responsive Design و مزایای آن آشنا کردیم. جهت تکمیل مطلب قبلی در اینجا قصد داریم فریم ورک های مطرح و محبوب CSS برای طراحی واکنشگرا را به شما معرفی کنیم. همانطور که می دانید سی اس اس باعث استایل دهی صفحات وب می شود به همین دلیل فریم ورک های طراحی ریسپانسیو بر پایه CSS ایجاد می شوند.

فریم ورک های طراحی Responsive

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

 

  • فریم ورک بوت استرپ (BootStrap Framework)

بدون شک هم اکنون شما نام محبوب ترین فریم ورک سی اس اس را می خوانید، بوت استرپ، فریم ورک رایگانی که در سال 2011 توسط توییتر تولید و منتشر شد. این فریم ورک از سیستم گرید (Grid) برای صفحات خود استفاده می کند و هر صفحه را به دوازده قسمت مساوی تقسیم می کند و شما اندازه های خود را باید بر اساس این مقیاس بدهید. مثلا بگویید که جعبه کناری سایت 3 گرید، وقتی که صفحه کوچک می شود مثل هنگامی که در گوشی موبایل سایت باز می شود، طبیعتا گرید ها نیز کوچکتر می شوند و باکس شما نیز به همان اندازه کوچک خواهد شد ضمن اینکه 3 واحد خود را حفظ خواهد کرد! یک ساختار بسیار استاندارد و کاربردی، تقریبا اکثر مرورگر ها از بوت استرپ پشتیبانی می کنند مگر ورژن های قبل از سال 2011 که این فریم ورک هنوز مطرح نشده بود.

ویژگی های فریمورک BootStrap

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

 

  • فریم ورک فاندیشن (Foundation)

اگر از سایت رسمی این فریم ورک بازدید کنید متوجه خواهید شد که کمپانی های بزرگی همچون HP، آمازون، نشنال ژئوگرافیک، سامسونگ، موزیلا، سیسکو، ebay و غیره از این فریم ورک استفاده میکنند. در واقع بعد از فریم ورک بوت استرپ می توان این فریم ورک را محبوب ترین دانست یا به نقلی رقیب بوت استرپ نام دارد.

معرفی فریمورک Foundation

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

 

  • فریم ورک متریال یو آی (Material UI)

معرفی فریمورک Material UI

نام متریال دیزاین که می آید، بدون شک ذهن ها منعطف می شود به طراحی گوگل برای اندروید یا طراحی مایکروسافت از ویندوز 8 به بعد! و فریم ورک Material UI یکی از بهترین فریمورک های سی اس اس در زمینه طراحی متریال می باشد که در عین داشتن ظاهری زیبا در طراحی، کار با آن بسیار ساده است و جزو فریم ورک های پر طرفدار می باشد.

 

  • فریم ورک UI Kit

معرفی فریمورک ui kit برای طراحی ریسپانسیو

این فریم ورک در سال 2013 توسط کمپانی YOOtheme انتشار یافت. یک فریمورک ماژولار قابل توسعه که بر پایه Sass و Less سی اس اس طراحی شده است. این فریمورک در قالب های وردپرسی استفاده شده است و قابل سفارشی سازی می باشد. همچنین باید بدانید که Ui Kit یک فریم ورک نیمه تجاری می باشد. همچنین همانند سایر فریم ورک های معرفی شده برای فارسی زبانان به دلیل داشتن کلاس RTL مناسب می باشد.

 

  • فریم ورک Semantic UI

فریم ورک Semantic UI

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

همچنین ببینید

آموزش فارسی فریم ورک لاراول

آموزش فریم ورک لاراول – قسمت نهم

به نام خالق زیبایی ها با نهمین قسمت از مجموعه پر طرفدار “آموزش فریم ورک …

پاسخ دهید

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