يادداشت های فرشيد امانی

حدود دو ماه پیش پروژه طراحی سایتی با عنوان “سرویس فارسی ثبت نام در قرعه کشی گرین کارت آمریکا” را شروع کردم. این سایت قرار بود به عنوان سایتی جامع و فارسی زبان برای ایرانیان داخل کشور با هدف فراهم آوردن امکانی برای متقاضیان شرکت در قرعه کشی گرین کارت آمریکا باشد. امروز این سایت با آدرس ۱greencard.com بر روی اینترنت قرار گرفت. از ویژگی های طراحی این سایت میتوان به موارد زیر اشاره کرد:

۱٫ راهنمای جامع شرکت در قرعه کشی به زبان فارسی
۲٫ فرم های ثبت نام کاملاً سهل الوصول و آنلاین
۳٫ سرعت لود سریع سایت

در طراحی این سایت از موارد زیر استفاده شده است:

۱٫ سیستم مدیریت محتوای وردپرس
۲٫ قالب اختصاصی شده Arthemia 
۳٫ پلاگین های وردپرس جهت بهینه سازی سایت برای موتور های جستجو

در طراحی این وب سایت از کدهای HTML، PHP، CSS،‌ AJAX استفاده شده است.

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

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

اما Reset.CSS چیست؟

Reset.CSS مجموعه ای از استایل های سی اس اس است که تمامی خصیصه های پیش فرض المنت های HTML را خنثی کرده و از میان برمیدارد. با استفاده از از Reset.CSS میتوانید همه این خصیصه هایی را که از مرورگری به مرورگری دیگر تغییر میکند از میان برداشته و از دوباره کاری برای دادن مقداری متفاوت به هر المنت جهت مشاهده صحیح بین مرورگرهای مختلف اجتناب کنید.

در حال حاضر دو Reset.CSS معروف در فضای وب وجود دارد:

• YUI Reset CSS
• meyerweb.com Reset.CSS

چگونه از Reset.CSS استفاده کنیم؟

با اضافه کردن کدهای این فایل به ابتدای فایل CSS و یا با Import‌ کردن این کدها درون فایلی مجزا، میتوانید براحتی از این تکنیک استفاده کرده و مشکلات آتی را حل کنید.

دانلود فایل Reset.CSS