پی سی مرورگر

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

در ادامه 20 افزونه برتر و ضروری فایر فاکس که برای طراحان و توسعه دهندگان وب کاربردی هستند، معرفی شده است. با پی سی مرورگر همراه باشید…

1. Web Developer
افزونه Web Developer با افزودن نوار ابزاری همراه با گزینه های متنوع مرورگر فایر فاکس را برای کار با صفحات وب توسعه می دهد. به طور مثال، گزینه ای برای بررسی استایل های CSS عناصر صفحه دارد که به شما ویژگی های CSS عنصر مورد نظر و این که آن عنصر تحت تاثیر کدام استایل است را می گوید.

2. SeoQuake
افزونه SeoQuake به شما در زمینه بهینه سازی صفحات وب برای موتورهای جستجو کمک می کند. با نصب آن، منو Seo در بالای صفحه قرار می گیرد و گزینه های مفیدی مرتبط با Seo برای استفاده شما در آن بارگذاری می شوند. این افزونه به شما در شناسایی مسائل مرتبط با ایندکس شدن در موتورهای جستجو کمک می کند.

3. Window Resizer
افزونه Window Resizer برای تست صفحه با اندازه ها و رزولوشن های متفاوت، کارامد و مناسب می باشد. این افزونه نمای فایرفاکس را به سرعت و به دقت تغییر می دهد. بنابراین شما می توانید ظاهر وب سایت خود را در اندازه ها و رزولوشن های استاندارد چک کنید.

4. FireShot
FireShot افزونه ای است که از صفحه وب شما یک اسکرین شات تهیه می کند. با در اختیار قرار دادن مجموعه ای از ابزارهای ویرایش و حاشیه نویسی به شما این امکان را می دهد که بر روی تصویر کار کنید. با استفاده از این افزونه می توانید تصویر را با اضافه کردن توضیحات به آن برای قرار دادن در مجموعه نمونه کارهایتان آماده کنید.

5. Firebug
افزونه Firebug ابزاری نهایی به عنوان توسعه دهنده برای فایرفاکس در نظر گرفته شده است. شما می توانید با این افزونه کد HTMl، CSS، JavaScript را به صورت زنده توسعه، ویرایش، اشکال زدایی و مشاهده کنید.

6. Greasemonkey
افزونه Greasemonkey برای فایرفاکس، به کاربر اجازه می دهد نحوه نمایش یک صفحه وب را با استفاده یک قطعه کد جاوا اسکریپت سفارشی کند.

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

8. FireFTP
FireFTP یک افزونه کارآمد و ساده برای بارگذاری فایل ها در سرور می باشد. چندین مزیت نسبت به سایر برنامه های FTP مستقل (از جمله ملزومات مستقل از سیستم عامل) دارد. این افزونه تمام امکانات یک برنامه مستقل را دارا می باشد.

9. IE Tab
این افزونه ی فوق العاده، به توسعه دهندگان وب امکان چک کردن وب سایت در IE وFirefox را تنها با فشردن یک دکمه می دهد. به این ترتیب شما بدون آنکه نیازی به خروج از فایرفاکس و نصب IE داشته باشید، می توانید ببینید و مقایسه کنید که هر مرورگری صفحه وب را چه طور نشان می دهد.

10. HTML Validator
این افزونه امکان اعتبارسنجی کدهای HTML را برای طراح سایت فراهم می کند و تعداد خطاهای موجود در کد HTML را نمایش می دهد.

11. Font Finder
با این افزونه می توانید قالب متن های موجود در صفحه و ویژگی های CSS آنها را مشاهده کنید.

12. Total Validator
این افزونه یک ابزار اعتبار سنجی کامل است که HTML و Linkها را چک می کند، از صفحه عکس می گیرد و کارهای بسیار دیگری را نیز انجام می دهد. همچنین اعتبار سنجی قابلیت دسترسی (WCAG,US-508)، چک کردن لینک های شکسته، چک کردن متن از لحاظ املایی (در 5 زبان مختلف)، گرفتن عکس ازصفحه در مرورگرها و سیستم عامل های مختلف برای مشاهده نحوه نمایش صفحات وب در آنها، از دیگر امکاناتی است که در اختیار کاربر قرار می دهد.

13. Platypus
بدون شک Platypus یکی از بهترین افزونه های فایر فاکس برای اصلاح صفحه وب می باشد. این افزونه با Greasemonkey به عنوان نوعی WYSIWYG کار می کند و ویرایش های شما را به هنگام بازدید دوباره، به شما یادآوری خواهد آورد. شما می توانید از آن برای آزمایش انواع مختلف طراحی وب استفده کنید.

14. Dummy Lipsum
Dummy Lipsum افزونه ای با هدف ساده ایجاد متن برای استفاده در طراحی هایتان می باشد.

15. Page Diff
Page Diff افزونه ای است که به توسعه دهندگان و طراحان وب برای دیدن تفاوت های کد منبع HTML بین صفحات وب کمک می کند. این افزونه برای پیدا کردن بی نظمی های کد یا تفاوت ها مفید می باشد و به شما امکان اشکال زدایی مسائل مربوط به render را می دهد.

16. Aardvark
افزونه Aardvark به توسعه دهندگان وب امکان انتخاب عناصر صفحه وب را می دهد و گزینه های بسیاری برای آنها مانند حذف تم از صفحه وب (مثل تصاویر) یا اصلاح رنگ ها، که هنگام پرینت گرفتن از صفحه مفید است، را در اختیارشان قرار می دهد.

17. Codetch
Codetch افزونه ویرایشگر WYSIWYG است و به شما امکان ویرایش صفحه وب به طور مستقیم در فایرکس را می دهد. رابط کاربری آن از Dreamweaver الگو گرفته است.

18. Measure it
Measure it افزونه ای است که به شما خط کشی برای اندازه گیری عناصر وب می دهد. برای مشخص شدن اندازه عناصر صفحه بسیار کاربردی است.

19. Yslow
افزونه Yslow ابزاری است که کارایی طراحی سمت کاربر وب سایت را بررسی می کند. این افزونه از طریق تشخیص مسئل مرتبط با کارایی، شما را دربهینه سازی طرح های وب خود برای داشتن زمان پاسخ سریع کمک می کند.

20. CSSViewer
افزونه CSSViewer به شما امکان بررسی ویژگی های CSS صفحه را می دهد. روشی بسیار عالی برای مطالعه استایل هایی که در وب سایت ها می بینید، است و به این ترتیب می توانید تکنیک های توسعه CSS را یاد بگیرید.

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

منبع

:: اگر به لینک غیر فعالی برخوردید یک دیدگاه ارسال کنید تا ظرف چند ساعت فایل دوباره آپلود بشود ::