CSS Frameworkمروری بر ها

رضا جان محمدی

:مشکل

چطور قالب صفحات را بسازم؟•( بسازم؟Responsiveچطور یک سایت واکنش گرا )•چطور سایت را در اکثر مرور گر ها به درستی نمایش دهم؟•چطور دکمه های سایت را طراحی کنم؟•چطور منوی سایت را طراحی کنم؟•چطور ...•

:راه حل

- برای هر کدام به دنبال راه حلی مناسب باشیم و بهترین راه حل را در پروژه 1ها استفاده کنیم.

- حفظ یکپارچگی اجزا صفحه.1.1- تداخل اجزا مختلف در صفحه.1.2- تکرار و توسعه کد ها در پروژه های مختلف.1.3

استفاده کنیم. CSS Framework- از 2

CSS Framework چیست؟

برخی از توسعه دهندگان وب )شرکت ها و افراد ( مشکالت مطرح شده را رفته رفته طی سال ها حل کرده اند و راه حل های خود را به عنوان یک چهارچوب،

اند. به این راه حل ها که عموما شامل کد های پیاده مستند کرده و ارائه دادهگفته می شود. CSS Frameworkسازی شده نیز میباشند

به عبارتی دیگر:

مجموعه ای از تکنیک ها و امکانات است که CSS Frameworkیکسیستمی جهت ساخت صفحات وب را ارائه میدهد.

ها:CSS Frameworkچند نمونه از

ها: CSS Framework انواع

تک منظوره: که موردی خاص را در نظر دارند. مثال: قالب بندی متن ها یا چیدمان اجزا صفحه.- 1http://getskeleton.com/

- جامع: اکثر نیاز های ظاهری صفحه را در نظر دارند. مثال: چیدمان صفحه، دکمه ها، جداول و فرم 2ها...

http://gumbyframework.com/3 -UI Framework.تمام نیاز ها ظاهری و برخی از نیاز های رفتاری صفحات را ارائه میدهند :

آماده برای استفاده در صفحه.HTML وJSمثال: تمامی موارد فوق + http://getbootstrap.com/

http://foundation.zurb.com/

در عمل:

و Foundation ساده با استفاده از Loginبرای نمونه می خواهیم یک فرم ▪Bootstrap.بسازیم

:CSS/UI Frameworkمزایای استفاده از

کاهش� زمان توسعه▪

کاهش خطاها▪تداخل استایل بخش های مختل –

صفحهنمایش در مرورگرهای مختلف–

حفظ یکپارچگی اجزا صفحه▪

کمک به طراحی بر اساس استاندارد ها▪ Grid Systemمثال: طراحی بر اساس

ها

افزایش توان انجام کار گروهی▪

ساده کردن نگهداری و توسعه در آینده▪

:CSS/UI Frameworkمشکالت استفاده از

سفارشی کردن ظاهر نسبتا دشوار است▪

هاCSS Frameworkآشنا نبودن با نحوه کار ▪

(80/20امکاناتی اضافی که در پروژه شده اند و هرگز استفاده نخواهند شد)▪

کاهش� خالقیت برنامه نویسان▪

جلوگیری از یادگیری و ارتقا دانش برنامه نویسان▪

استفاده کرد؟CSS/UI Frameworkآیا باید از

استفاده کرد؟CSS/UI Frameworkآیا باید از

طراحی های رایجطراحی های خاص

دهتفا

اسن

یزام

مناسب انتخاب کنیم؟Frameworkچطور یک

اولویت بندی کردن اهداف▪

Frameworkقابلیت سفارشی کردن ▪

مد نظرFrameworkبررسی میزان منابع آموزشی ▪

توانایی و تجربه توسعه دهندگان تیم▪

:سواالت

janmohammadi.reza@gmail.com