درصد بسیار زیادی، مخصوصا آنهایی که طراحی از صفر را انجام می دهند، حتما با مشکلات بسیار زیادی در طراحی خود و تنظیم طرح خودشان جهت مطابقت در مرورگر های مختلف، روبرو شده اند. دلیل اصلی این است که هر مرورگر به صورت پیش فرض درک مختلفی از وضعیت هر عنصر در صفحه وب دارد و به همین دلیل صفحات وب در مرورگر های مختلف، به صورت های مختلف نمایش داده می شوند. به عنوان مثال اگر فایرفاکس برای عنصر form مقدار margin بالا و پایین را 4px حساب کند این مقدار در IE ممکن هست کمتر یا بیشتر باشد و همین مقدار باعث می شود که وضعیت عناصر form صفحه در مرورگر های مختلف کاملا با یکدیگر فرق داشته باشند. فریم ورک های CSS کمک زیادی در جهت جلوگیری از بروز این گونه مسائل می کنند. ضمن اینکه همیشه ریست کردن وضعیت عناصر در صفحه کار بسیار زمان بری است، تصور کنید شما برای هر طرح را بخواهید این کار را انجام دهید! با استفاده از فریم ورک های CSS می توانید این کار را برای هر طرح از قبل انجام داده باشد بعلاوه یک سری تنظیمات دیگر که باعث می شود طرح شما در نهایت کاملا استاندارد از آب درآید. فریم ورک های CSS حجم بالایی ندارند و از پیچیدگی خاصی نیز برخوردار نیستند، شما می توانید به سادگی از آنها استفاده کنید. معمولا یک فریم ورک CSS از فایل های نظیر: typography.css برای صفحات چاپی grid.css برای طراحی های شبکه ای layout.css برای آرایش کلی عناصر form.css برای استایل فرم ها general.css برای موارد اضافی استفاده از فریم ورک های CSS مزیت ها و معایبی داره که ابتدا به آنها خواهیم پرداخت. مزیت های استفاده از فریم ورک های CSS بهره وری خودتان را بالا می برید و اشتباهات رایج را انجام نمی دهید اگر شما سایت های را طراحی می کنید که تقریبا هم نوع یکدیگر هستند، می توانید با استفاده از فریم ورک های CSS سرعت کار خود را بالا ببرید و از طرفی دیگر از خطا هایی که به صورت معمول طراحان وب انجام می دهند دوری کنید. کد های خود را نرمال سازی می کنید به صورت پیش فرض شما از کلاس ها و کدهای معتبر استفاده می کنید، این باعث می شود که در پروژه های مختلف خود از کلاس های یکسانی استفاده کنید و این مسئله بسیار کمک می کند که طرح های خود را در صورت نیاز فقط با تغییر چند کد CSS تغییر دهید و نیازی به تغییر سورس کد های اصلی نداشته باشید، ضمن اینکه وقت کمتری جهت شناسایی ساختار طراحی شد صفحه ای که مدت ها قبل خودتان طراحی کرده اید، نیاز خواهید داشت. کار های تیمی را بهتر می توانید انجام دهید اگر از فریم ورک های CSS در کار های تیمی استفاده کنید، می توانید مطمئن باشید که افرادی که همراه شما بر روی پروژه ای فعالیت می کنند، از یک روش استفاده می کنند و در آخر، کار استاندارد از آب در خواهد آمد، ضمن اینکه وقت کمتری را باید صرف رفع خطا ها و اشتباهات احتمالی کنید. سازگاری با مرورگر های مختلف استفاده از فریم ورک ها CSS باعث می شود که در پایان کار کمتر نگرانی در مورد سازگاری طرح با مرورگر های مختلف داشته باشید. بدست آمدن یک کد تمیز و ساختاری مناسب استفاده از فریم ورک های CSS باعث می شود که شما کد های ابتدایی طراحی خود را از پیش نوشته شده داشته باشید، تمامی عناصر صفحه استایل دهی شده است و لازم نیست که هر مرتبه فکر استایل دهی عناصری چون abbr و یا code باشید. معایب استفاده از فریم ورک های CSS نیاز به زمان جهت شناسایی کامل فریم ورک ها اغلب طراحان نیاز به مقداری زمان دارند تا نحوه کار با فریم ورک ها را یاد بگیرند، البته کار با فریم ورک های CSS آنقدر ها هم مثل فریم ورک های جاوااسکریپت و یا پی اچ پی، سخت و پیچیده نیست، اما باز هم نیازمند آن است که روی آن وقت بگذارید. ولی ارزشش را دارد! شناسای نحوه و روش طراحی شما همیشه افرادی هستند که کاری جز کپی کردن طرح های دیگران بلد نیستند، شاید بدترین عیب استفاده از فریم ورک ها این باشد که این دسته از افراد به نحوه طراحی شما آشنا می شوند و کپ زدن طرح های شما برای آنها بسیار ساده و راحت می شود. این عیب هم چندان مهم نیست! عدم جستجو و یادگیری با طراحی یک سایت از پایه شما می توانید درکی از طراحی وب پیدا کنید که به جرات می توانم بگویم در هیچ کتابی آموزشی نمی توانید آن را یاد بگیرید و هیچ کسی نیز نمی تواند برای شما آن را تشریح کند. وقتی فردی در مورد ساختار صفحه از شما سوالی می پرسد، به سادگی می توانید به سوالش پاسخ دهید چرا که شما با ساختار صفحه کاملا آشنایی دارید. وقتی از فریم ورک های CSS استفاده می کنید، طبیعتا با مواردی از پیش تعیین شده روبرو می شود که شاید بعضی از آنها برای شما قابل درک نباشد و شما نیز به خود این زحمت را ندهید که به دنبال یادگیری آن بروید و فقط از آن در کار خود استفاده می کنید. به ارث بردن باگ های دیگران این روز ها هیچ کاری بدون نقص نیست، هیچ فریم ورکی بهترین نیست و هیچ طرحی برترین طرح نیست، اگر شما طرحی را از صفر کار کنید، مطمئنا در آن مشکلاتی وجود خواهد داشت، فرق آن با زمانی که شما از فریم ورک استفاده می کنید آن است که در مورد اول شما اشتباهات خودتان رو باید پیدا کنید و تصحیح کنید و با این کار دیگر آن را تکرار نخواهید کرد، اما در مورد دوم ممکن است اشتباهات دیگران را به ارث ببرید و مجبور باشید اشتباهاتی که شاید هیچ وقت مرتکب آنها نمی شدید را تصحیح کنید. آشنایی با چند فریم ورک CSS فریم ورک های مختلفی برای CSS ارائه شده اند که از مهمترین آنها می توان به 960، Blueprint و YAML - Yet Another Multicolumn Layout اشاره کرد، نمونه های زیاد دیگری نیز هستند که می توانید با جستجو آنها را پیدا کنید. 960 فریم ورکی است که تاکید بسیار زیادی به طراحی های 960 پیکسلی دارد و اصلا اسمش هم بر همین مبنا انتخاب شده است، این فریم ورک صفحه 960 پیکسلی را به 14 و یا 16 ستون تقسیم می کند که به صورت تکی و یا کنار هم می توان از آنها استفاده کرد. اطلاعات بیشتر در مورد این فریم ورک را می توانید از زبان نویسنده آن بدست آورید. YAML یک فریم ورک آلمانی است و بر اساس استانداردهای وب طراحی شده است، حتی IE5 هم پشتیبانی می کند! دیگر مرورگر های مدرن که جای خود دارند. یکی از فریم ورک های پیشرفته است که قابلیت های زیادی دارد. یکی از امکانات جالب آن این است که شما می توانید از YAML Builder استفاده کنید تا آرایش صفحه خود (layout) را به صورت کاملا دیداری و در مرورگر وب تغییر و توسعه دهید. می توانید دکوتایپ صفحه را انتخاب کنید و تغییرات دیگری که بهتر است خودتان آنها را مشاهده کنید. Blueprint توسط دانشجوی نروژی، Olav Frihagen Bjørkøy نوشته شده است. این فریم ورک هم قابلیت های خوبی دارد. مدیریت آسان گریدها و صفحات چاپی از جمله امکانات این فریم ورک است، علاوه بر آن می توانید از Blueprint Grid CSS Generator استفاده کنید تا راحت تر به ساختار صفحه خود دست پیدا کنید. گذشته از همه این فریم ورک ها، شما می توانید فریم ورک مخصوص به خود را داشته باشید و از آن در طراحی های خود استفاده کنید. به یاد داشته باشید که تمامی این ابزار ها جهت طرح های استاندارد و آسانتر کردن کار طراحان ارائه شده است، بنابراین هیچ الزامی در استفاده از آنها نیست و شما می توانید هر طور که راحت هستید صفحات وب خود را طراحی کنید.
