• بک گراند آیاتا یک
  • بک گراند آیاتا دو
  • بک گراند آیاتا سه
اگر میخواهید داشته باشید
ما اصلا گزینه خوبی نیستیم !

مشاوره جهت طراحی سایت

جهت مشاوره و سفارش طراحی سایت تماس بگیرید 02188406482

مشاوره مستقیم از تلکرام
مسیر کنونی :
آیاتا آموزش ها html - css 5 فریم ورک عالی طراحی وب سایت

5 فریم ورک عالی طراحی وب سایت

۵ فریم ورک برتر طراحی ظاهر وب سایت در ۱ سال گذشته

در این مقاله قصد دارم تا ۵ فریم ورک برتر طراحی ظاهر وب سایت را معرفی کنم. قبل از هر چیز توضیحی درباره هدف و عملکرد این فریم ورک ها می دهم.

فریم ورک طراحی وب سایت چیست؟

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

کار کردن با فریم ورک مزایایی از جمله:

۱- سادگی بیشتر

۲- نتیجه بهتر

۳- اصول مهندسی خاص که بیشتر برنامه نویسان از آن استفاده می کنند

۴- مثال های بیشتر و رفع نواقص

۵- بازار کار بهتر

۶- حرفه ایی بودن

۷- امنیت بالاتر

و موارد بسیار دیگر دارد.

حال نوبت آن رسیده است تا ما بهترین فریم ورک های طراحی ظاهر وب سایت را به شما معرفی کنیم.

۱- Bootstrap

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

framwork 13
این چارچوب یا Framework با تمامی مرورگرهای استاندارد همخوانی داشته و حتی در نسخه های قدیمی تر مانند اینترنت اکسپلورر ۸ نیز ظاهر زیبای خود را حفظ میکند. از نسخه دوم Bootstrap به بعد طراحی واکنشگرا یا رسپانسیو نیز در آن لحاظ شد که موجب نمایش مناسب صفحه در تلفن های هوشمند و تبلت ها میگردد.

  • سازندگان: Mark Otto و Jacob Thornton
  • تاریخ ساخت: ۲۰۱۱
  • نسخه کنونی: ۳٫۳٫۱
  • محبوبیت: بیش از ۷۵،۰۰۰ ستاره در GitHub
  • توضیحات: “محبوب ترین فریم ورک HTML، CSS می باشد، و واکنشگرایی JAVA SCRIPT برای برنامه نویسان، پروژه اولین تلفن همراه در وب است.”
  • مفاهیم اصلی / اصول: RWD and mobile first
  • حجم فریم ورک: ۱۴۵ KB
  • پردازشگر: Sass
  • رسپانسیو: بله!
  • مدولار: بله!
  • مستندات: خوب
  • پشتیبانی از مرورگر: Firefox, Chrome, Safari, IE8+ (you need Respond.js for IE8)
  • مجوز: MIT

۲- Foundation

Foundation دومین گذینه برتر لیست ما است. این فریم ورک با پشتیبانی شرکت ZURB ، توانسته است یک فریم ورک قوی ، سریع و کاربردی باشد. به همین دلیل از این فریم ورک کاربردی در وب سایت های معرف جهان مانند: فیسبوک , موزیلا , Ebay, Yahoo و National Geographic استفاده می گردد.

framwork 1 4

  • سازندگان: ZURB
  • تاریخ ساخت: ۲۰۱۱
  • نسخه کنونی: ۵٫۵
  • محبوبیت: بیش از ۱۸،۰۰۰ ستاره در GitHub
  • توضیحات: “پیشرفته ترین فریم ورک پاسخگو در جهان”
  • مفاهیم اصلی / اصول: RWD, mobile first, semantic
  • حجم فریم ورک: ۳۲۶ KB
  • پردازشگر: Sass
  • رسپانسیو: بله!
  • مدولار: بله!
  • مستندات: خوب. بسیاری از منابع اضافی در دسترس هستند.
  • پشتیبانی از مرورگر: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
  • مجوز: MIT

 

۳- Semantic UI

فریم ورک Semantic UI برای ساخت وب سایت های زیبا در کمترین زمان مورد استفده قرار می گیرد. این فریم ورک با بهرگیری از اصول زبان طبیعی کدنویسی، کدها را برای برنامه نویسان قابل خواندن و قابل درک می کند.

framwork 12

  • سازندگان: Jack Lukic
  • تاریخ ساخت: ۲۰۱۳
  • نسخه کنونی: ۱٫۲٫۰
  • محبوبیت: بیش از ۱۲,۹۰۰ ستاره در GitHub
  • توضیحات: “UI component framework ، “
  • مفاهیم اصلی / اصول: Semantic, tag ambivalence, responsive.
  • حجم فریم ورک: ۵۵۲ KB
  • پردازشگر: Less
  • رسپانسیو: بله!
  • مدولار: بله!
  • مستندات: خیلی خوب است. معنایی ارائه می دهد به خوبی سازمان یافته اسناد و مدارک، به علاوه یک وب سایت مجزا ارائه می دهد که راهنماهای برای شروع کار، سفارشی و ایجاد تم.
  • پشتیبانی از مرورگر: Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10
  • مجوز: MIT

۴- Pure ساخت Yahoo!

Pure، فریم ورکی کم حجم و سریع در سبک مدولار می باشد. ویژگی خوب این فریم ورک جزء به جزء بودن کدهای آن است، به این معنی که هر قسمت از این فریمورک را نیاز داشته باید، کافیست که از CSS جداگانه آن استفاده کنید.

framwork 11

  • سازندگان: Yahoo
  • تاریخ ساخت: ۲۰۱۳
  • نسخه کنونی: ۰٫۵٫۰
  • محبوبیت: بیش از ۹,۰۰۰ ستاره در GitHub
  • توضیحات: “زیبا و کم حجم،به سبک مدولار، برای استفاده در هر پروژه ای “
  • مفاهیم اصلی / اصول: SMACSS, minimalism.
  • حجم فریم ورک: ۱۸ KB
  • پردازشگر: ندارد
  • رسپانسیو: بله!
  • مدولار: بله!
  • مستندات: خوب.
  • پشتیبانی از مرورگر: Latest versions of Firefox, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
  • مجوز: Yahoo! Inc. BSD

۵- UIkit ساخت شرکت YOOtheme

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

framwork 15

  • سازندگان: YOOtheme
  • تاریخ ساخت: ۲۰۱۳
  • نسخه کنونی: ۲٫۱۳٫۱
  • محبوبیت: بیش از ۳,۸۰۰ ستاره در GitHub
  • توضیحات: “یک فریم ورک کم حجم و پر امکانات و سریع و دارای طراحی ظاهری قدرتمند است. “
  • مفاهیم اصلی / اصول: RWD, mobile first
  • حجم فریم ورک: ۱۱۸ KB
  • پردازشگر: Less, Sass
  • رسپانسیو: بله!
  • مدولار: بله!
  • مستندات: خوب.
  • پشتیبانی از مرورگر: Chrome, Firefox, Safari, IE9+
  • مجوز: MIT

حالا خودتان تصمیم بگیرید که کدام فریم ورک مناسب شما می باشد؟

Avatar of حسین سهرابی

نویسنده : حسین سهرابی وب سایتم

حسین سهرابی ; فعالیت خود را در سال 88 شروع و با بیش از 1700 سابقه کاری در زمینه طراحی وب و سئو شروع کردم . یکی از آرزوی های شخصی بنده این است که با ترفندهای نوین بازاریابی نوین به کسب و کار ایرانی ها رونق بدم .

نمونه طراحی ها



سفارش طراحی وب

در صورتی که تصمیم دارید طراحی سایت شما توسط ما انجام پذیرید، فرم زیر را پر كنید تا هزینه و زمان تخمینی انجام پروژه خدمتتان ایمیل گردد.
حتی میتوانید با تماس مشاوره بگیرید.
لطفا توجه داشته باشید فرمهای ناقص پیگیری نخواهند شد.
جهت ارسال و پر کردن فرم روی لینک زیر کلیک کنید.

ارسال سفارش طراحی

با ما تماس بگیرید

021-88406482

sepahan7.ir@gmail.com

دفتر مرکزی : تهران , خیابان سهروردی , کوچه حاتمی , ساختمان آی آتا

دفتر کشور نروژ : اسلو , خیابان گرورود , جنب هایپرمارکت گرورود , ساختمان 77

عضو خبرنامه سپاهان هفت شوید