افزونه‌های ضروری برای طراحان وب

برنامه‌نويسان وب، خصوصا آن سنتي‌هايشان، به‌شدت از دشواري طراحي صفحه‌هاي وب سخن مي‌گويند. اين برنامه‌نويسان از بس ميان مرورگر و ويرايشگر كد خود سوييچ كرده‌اند، در گرفتن Alt+Tab استاد شده‌اند. اما مي‌توان كار طراحي وب را بسيار ساده‌تر كرد.  براي برنامه نويسي بهتر و راحت‌تر در فايرفاكس نيروهاي كمكي متعددي وجود دارد. اين نيروهاي كمكي فايرفاكس براي برنامه‌نويسان همان افزونه‌هايي هستند كه مي‌توان تمام آنها در چند ثانيه دانلود كرد.
Aardvark: اين افزونه به شما اين امكان را مي‌دهد تا عناصري را از يك صفحه وب انتخاب و كلي كار روي آنها انجام دهيد. البته اين افزونه بيشتر براي آناليز ساختار صفحه وب استفاده مي‌شود. ولي در كارهاي ديگري از قبيل حذف‌كردن يا ايزوله‌كردن عناصر و يا ساخت كدهاي DOM (Document Object Model) به‌شما كمك مي‌كند. به‌شدت به شما توصيه مي‌كنيم كه از اين افزونه استفاده كنيد تا معجزه آن را ببينيد.
 
CSS Validator: اعتبارسنج CSS، گزينه جديدي را به منوي كليك راست شما در فايرفاكس اضافه مي‌كند و به‌كمك آن مي‌توانيد سند CSS هر صفحه وب را در يك تب جديد اعتبار سنجي كنيد. اعتبارسنج CSS به‌درد آن دسته از طراحان وب‌مي‌خورد كه به رعايت استانداردها خيلي پايبندند.  
CSSViewer: اصلا نمي‌شود بدون CSSViewer كار را پيش‌برد. يك بار اين افزونه را نصب كنيد و بعد به‌عمق معناي اين جمله پي مي‌بريد. تمام اطلاعاتي كه مي‌توان از سند CSS يك صفحه وب در آورد در اين افزونه وجود دارد. فقط كافي است منوي ابزار را باز كنيد و اطلاعات را ببينيد. كاربرد آن تقريبا روزانه است.
Web Developer: اگر هركدام از اين افزونه‌ها را تابه‌حال نصب نكرده‌ايد اشكال ندارد، ولي اين يكي را حتما نصب كنيد! اين افزونه، يك منو و يك نوارابزار به فايرفاكس اضافه مي‌كند كه به شما امكانات زيادي، مانند گزينه طرز نمايش يك صفحه، ويرايش و نمايش CSS و بسياري از چيزهاي ديگر را مي‌دهد كه احتمالا باعث مي‌شود يك شب را از خوشحالي تا صبح بيدار بمانيد.
FireBug: بدون فايرباگ، توسعه وب دردي است كه درمان ندارد. به‌كمك فايرباگ امكان ويرايش، رفع عيب، مشاهده CSS، ويرايش آن. اعمال كدهاي جاوااسكريپت، تغيير كدهاي HTML، تغيير CSS و هر چيزي در اين ميان را مي‌توانيد انجام دهيد.  
FirePHP: اين افزونه تنها زماني قابل استفاده است كه شما افزونه FireBug را قبلا نصب كرده باشيد. اگر فايرباگ را سلطان افزونه‌هاي طراحي وب سايت  بناميم، قطعا اين يكي دستيار آن است و برنامه‌نويسان PHP را غرق در خوشحالي خواهد ساخت. با كمك هر دو افزونه مي‌توانيد توانايي PHPتان را بسنجيد و خطاهاي آن را به‌راحتي پيدا كنيد.
FontFinder: اگر تا به‌حال از فونتي در يك سايت خوشتان آمده، ولي نفهميديد كه چه فونتي است، اين افزونه را نصب كنيد و دوباره سراغ آن سايت برويد. هر تكه‌اي را كه مي‌خواهيد انتخاب كنيد و بعد يك راست كليك با دريافت CSS كامل آن فونت فاصله داريد. به‌سادگي مي‌توانيد آن را كپي كنيد و بعد در وب‌سايت خود پياده كنيد.  
HTML Validator: به‌كمك اين افزونه كه فقط براي كاربران ويندوز طراحي شده، مي‌توانيد ميزان خطاهاي عناصر HTML روي صفحه‌تان را شناسايي كنيد. اگر طراح پيشرفته وب نيستيد، كلا سراغ اين افزونه نرويد. كار با آن بسيار دشوار است.
IE View: اگر مشتريان شما بيشتر از اينترنت اكسپلورر استفاده مي‌كنند، اين افزونه به شما خيلي كمك مي‌كند.
اين افزونه گزينه‌اي را به اسم Open in IE اضافه مي‌كند كه به شما اين اجازه را مي‌دهد تا صفحه‌اي را كه طراحي كرده‌ايد در اينترنت اكسپلورر باز كنيد و ببينيد در اكسپلورر چه منظره‌اي دارد.
Java Console: اگر خيلي دلتان مي‌خواهد بدانيد اپلت Java چگونه در صفحه وب نمايش داده مي‌شوند، اين افزونه براي خود شما طراحي شده است! همچنين مي‌توانيد يك گزارش كامل از كارايي آنها نيز بگيريد.
LinkChecker: با كمك اين افزونه مي‌توانيد بفهميد كه لينك‌هاي يك وب‌سايت به كجا مي‌روند، آيا خطاي 404 را نمايش مي‌دهند يا خير؟  
Poster: اگر مي‌خواهيد از سروري اشكال‌زدايي كنيد و كار به‌جايي كشيد كه بسته‌هاي HTTP را هم بايد با دقت كنترل كنيد، با كمك پوستر مي‌توانيد بسته‌اي را آماده كنيد و بعد عمليات انتقال و دريافت را انجام دهيد و با دقت روي بسته‌هاي بازگشتي تمركز كنيد.  
Style Sheet Chooser II: اين افزونه مي‌تواند سوئيچ‌كننده style sheet پيش‌فرض فايرفاكس را با هر سندي كه در هركدام از صفحات وب ديده‌ايد، جايگزين ‌كند. اين ابزار، چيزي نيست كه هميشه بخواهيد از آن استفاده كنيد، ولي اگر بخواهيد تغييري بدهيد، مطمئن باشيد بهترين گزينه شما خواهد بود.
ColorZilla: اگر در وب‌سايتي از رنگي خوشتان آمد و خواستيد آن را براي استفاده بعدي يك جايي يادداشت كنيد، كالرزيلا كد رنگ را به‌سادگي هرچه تمام‌تر براي شما استخراج مي‌كند. حتي مي‌توانيد با كمك پالت رنگي كه در اين افزونه هست، تركيب‌هاي رنگي زيبايي خلق كنيد: ساده، قدرتمند و ضروري.
YSlow: اين افزونه نيز براي اجرا به FireBug نياز دارد و بهترين راه براي فهميدن دليل آهسته اجرا شدن سايت و يافتن راه‌هاي سريع‌تر كردن وب‌سايت شماست.
اين ابزار صفحه‌هاي وب را آناليز مي‌كند و نشان مي‌دهد، چرا كند بارگزاري مي‌شود و روي قوانيني براي سايت‌هاي با كارايي بالا متعلق به ياهو‌ پياده‌سازي شده است.