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

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

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

2. دقت در بررسی: باید با دقت هرچه تمام به مشکلی که پیش آمده نگاه کنید. ببینید که کدام قسمت از قالب دارای مشکل هست و کدهای مربوط به همان قسمت را بررسی نمایید تا مشکل را پیدا کنید!

3. تایید پرونده ی سی اس اس: روش دوم کمی وقت گیر و غیر اصولیست. روش راحت تر و سریع تر و معمول تر آن است که به سایت w3c بروید و پرونده ی سی اس اس خود را به تاییدکننده ی سی اس اس بدهید تا مشکلات را پیدا و به شما نشان دهد!

4. تایید پرونده ی اکس اچ تی ام ال: ممکن است مشکل پیش آمده به دستورات سی اس اس ارتباطی نداشته باشد و اشکال در کدهای اکس اچ تی ام ال باشد. بنابر این بد نیست که پرونده ی اکس اچ تی ام ال خود را نیز در تایید کننده ی اکس اچ تی ام ال سایت w3c مورد بررسی قرار دهید.

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

1. جداسازی: آن قسمت از کدهایی که مشکل ایجاد کرده اند را از مابقی کدها جدا کنید! تک تک خاصیت های به کار رفته را بررسی کنید. مقدارهای مختلف را امتحان کنید. تا شاید بالاخره راه حل را پیدا کردید! اما این پایان کار نیست! راه های زیادی هنوز هستند که شما را به جواب نزدیک تر میکنند… (توصیه میکنم که تا پایان کار این مورد یعنی جداسازی کدهای مشکل ساز از دیگر کدها را رعایت کنید تا کارتان راحت تر شود).

2. جستجو: سایت های زیادی هستند که ترفتدها و راه حل هایی برای رفع مشکلات مختلف ارائه میکنند. می توانید در این سایت ها به دنبال راه حلی برای مشکلات خود باشید. در زیر تعدادی از این سایت ها را می توانید ببینید:

• SitePoint CSS Reference
• Position is everything
• Css discuss
• Css-tricks
• گوگل!

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

• انجمن مووبل تایپ فارسی
• انجمن وردپرس فارسی
• انجمن مجید آنلاین
• انجمن پرشیا سی ام اس
• css-tricks forums