وب از نگاه سوم

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

به عنوان مثال اگر فایرفاکس برای عنصر form مقدار margin بالا و پایین را ۴px حساب کند این مقدار در IE ممکن هست کمتر یا بیشتر باشد و همین مقدار باعث می شود که وضعیت عناصر form صفحه در مرورگر های مختلف کاملا با یکدیگر فرق داشته باشند.

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

با استفاده از فریم ورک های CSS می توانید این کار را برای هر طرح از قبل انجام داده باشد بعلاوه یک سری تنظیمات دیگر که باعث می شود طرح شما در نهایت کاملا استاندارد از آب درآید.

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

• typography.css برای صفحات چاپی
• grid.css برای طراحی های شبکه ای
• layout.css برای آرایش کلی عناصر
• form.css برای استایل فرم ها
• general.css برای موارد اضافی

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

پویا Uncategorized سی اس اس, طراحی وب