وب از نگاه سوم

در ادامه نوشته قبل بحث اصلی در مورد فریم ورک های CSS را شروع می کنیم. باید به این نکته اشاره کنم که استفاده از فریم ورک های سی اس اس مزیت ها و معایبی داره که ابتدا به آنها خواهیم پرداخت.

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

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

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

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

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

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

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

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

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

آشنایی با چند فریم ورک سی اس اس
فریم ورک های مختلفی برای سی اس اس ارائه شده اند که از مهمترین آنها می توان به ۹۶۰ ، Blueprint و YAML – Yet Another Multicolumn Layout اشاره کرد ، نمونه های زیاد دیگری نیز هستند که می توانید با جستجو آنها را پیدا کنید.

۹۶۰ فریم ورکی است  که تاکید بسیار زیادی به طراحی های ۹۶۰ پیکسلی دارد و اصلا اسمش هم بر همین مبنا انتخاب شده است ، این فریم ورک صفحه ۹۶۰ پیکسلی را به ۱۴ و یا ۱۶ ستون تقسیم می کند که به صورت تکی و یا کنار هم می توان از آنها استفاده کرد. اطلاعات بیشتر در مورد این فریم ورک را می توانید از زبان نویسنده آن بدست آورید.

YAML یک فریم ورک آلمانی است و بر اساس استادارد های وب طراحی شده است ، حتی IE5 هم پشتیبانی می کند! دیگر مرورگر های مدرن که جای خود دارند. یکی از فریم ورک های پیشرفته است که قابلیت های زیادی دارد. یکی از امکانات جالب آن این است که شما می توانید از YAML Builder استفاده کنید تا آرایش صفحه خود (layout) را به صورت کاملا دیداری و در مرورگر وب تغییر و توسعه دهید. می توانید دکوتایپ صفحه را انتخاب کنید و تغییرات دیگری که بهتر است خودتان آنها را مشاهده کنید.

Blueprint توسط دانشجوی نروژی ، Olav Frihagen Bjørkøy نوشته شده است. این فریم ورک هم قابلیت های خوبی دارد. مدیریت آسان گرید ها و صفحات چاپی از جمله امکانات این فریم ورک است ، علاوه بر آن می توانید از Blueprint Grid CSS Generator استفاده کنید تا راحتتر به ساختار صفحه خود دست پیدا کنید.

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

پویا عمومی سی اس اس, طراحی وب