يادداشت های فرشيد امانی » طراحی وب http://farshidamani.com/blog مترجم، طراح وب Sat, 29 May 2010 19:51:43 +0000 http://wordpress.org/?v=2.9.2 fa hourly 1 اتمام یک پروژه طراحی جدید http://farshidamani.com/blog/1388/05/04/greencard-registration-persian-website/ http://farshidamani.com/blog/1388/05/04/greencard-registration-persian-website/#comments Sun, 26 Jul 2009 11:32:56 +0000 فرشید امانی http://farshidamani.com/blog/?p=147 حدود دو ماه پیش پروژه طراحی سایتی با عنوان “سرویس فارسی ثبت نام در قرعه کشی گرین کارت آمریکا” را شروع کردم. این سایت قرار بود به عنوان سایتی جامع و فارسی زبان برای ایرانیان داخل کشور با هدف فراهم آوردن امکانی برای متقاضیان شرکت در قرعه کشی گرین کارت آمریکا باشد. امروز این سایت با آدرس ۱greencard.com بر روی اینترنت قرار گرفت. از ویژگی های طراحی این سایت میتوان به موارد زیر اشاره کرد:

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

 

تصویر سایت یک گرین کارت دات کام

 

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

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

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

]]> http://farshidamani.com/blog/1388/05/04/greencard-registration-persian-website/feed/ 0 Reset.CSS چیست؟ http://farshidamani.com/blog/1388/01/19/what-is-reset-css/ http://farshidamani.com/blog/1388/01/19/what-is-reset-css/#comments Wed, 08 Apr 2009 04:57:04 +0000 فرشید امانی http://farshidamani.com/blog/?p=25 سازگاری یک صفحه وب و کدهای آن با مرورگرهای گوناگون و متعددی که وجود دارند، همیشه امری مشکل زا برای طراحان وب بوده است. به طوری که طراحان مجبور به افزودن کدهای گاه بسیار پیچیده در لابلای فایلهای CSS خود بوده اند تا این ناسازگاری و تفاوت render صفحات را به این نحو سازگار جلوه دهند.

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

اما Reset.CSS چیست؟

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

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

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

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

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

]]> http://farshidamani.com/blog/1388/01/19/what-is-reset-css/feed/ 0