في تدوينة سابقة, ناقشتُ أحدى أهم وأعظم ميزات متصفح فيرفوكس وهي ميزة Profiles بحيث يمكنك إنشاء أكثر من Profiles كلٌ لأعمال محددة, فمثلاً: واحدٌ لتصميم وتطوير المواقع, وآخرٌ لتصفح شبكة الإنترنت, وآخر للتعامل مع البريد الإلكتروني, وآخر للاستماع إلى الموسيقى ومشاهدة الفيدو, وآخرٌ لما يتعلق بعملك أو وظيفتك, وآخر للاستخدام المنزلي, وآخر لمواقع الشبكات الإجتماعية … الخ. فمثلاً, اذا أنشأت واحداً لتصميم وتطوير المواقع, فليس من المعقول أن تثبت عليه عشرات إضافات ووردبريس وأن تضيف إليه مواقعك المفضلة … الخ. يكفي فقط أن تضيف إليه أهم الإضافات لتصميم وتطوير المواقع وأهم مواقعك المفضلة لهذه الغالية. وعند إنشاء آخر لدراستك, فيمكنك فقط أن تثبت عليه إضافات متعلقة بدراستك والمواقع المفضلة المتعلقة بتخصصك … بهذه الطريقة:

• تستطيع الحفاظ على أفضل أداء لمتصفح فيرفوكس وأن تتجنب مشكلات التعليق.
• أن تتجنب المشكلات الناجمة عن تثبيت عدد كبير من الإضافات.
• والمهم حقاً, هو التركيز في عمل محدد مع كل Profile.

في هذه التدوينة, سأرشدك إلى أفضل إضافات فيرفوكس الخاصة بتصميم وتطوير المواقع, تلك الإضافات التي ستوفر عليك الكثير من ساعات العمل والجهد أيضاً.

يتميز فيرفوكس – كما تعلمون – بدعمه لعدد كبير جداً من الإضافات التي نسميها Add-ons أو Extensions وهذه الإضافات بوسعها تطوير متصفح فيرفوكس إلى أبعد حد ممكن ولجعله متصفحاً متكاملاً. فيرفوكس هو أحد أفضل المتصفحات للتصميم والتطوير بسبب دعمه للإضافات وبسبب دعمه الجيد للمعايير القياسية في تصميم وتطوير المواقع.

وهذه هي قائمتي لأفضل إضافات فيرفوكس لتصميم وتطوير المواقع,  التي أحبّ أن أشارككم بها.

1. Firebug أعتقد أنها الإضافة الأهم لمصممي ومطوري مواقع الويب. باستخدامها, تستطيع التأشير على أي جزء من التصميم وعرض كود HTML الخاص به أو كود CSS. وأية تغيرات ستجريها على هذا الكود, فسيظهر تأثيرها على الصفحة فوراً. ثمة ميزات وخيارات أخرى كثيرة مع هذه الإضافة المدهشة.
2. CSS validator: لفحص كود CSS – مطابقة المعايير القياسية.
3. Html Validator: لفحص كود HTML – مطابقة المعايير القياسية.
4. Validaty: إضافة أخرى لفحص مطابقة المعايير القياسية.
5. Copy as HTML Link: لنسح أي رابط بكود HTML الكامل.
6. Copy Plain Text: لنسح الرابط كنص فقط (بإزالة جميع أكواد HTML الملتصقة به).
7. PageDiff: إضافة رائعة جداً للمقارنة بين ملفين HTML (بين موقعين أو صفحتين) لمعرفة الفروق بينهما.
8. Web Developer: ربما هي الإضافة الأكثر شهرة في هذا المجال.  توفر هذه الإضافة مجموعة من الأدوات لعرض كود CSS و HTML ولفحص مطابقته للمعايير القياسية لتصميم وتطوير المواقع والمزيد من الخيارات.
9. ColorZilla: لنسيخ كود اللون من أي موقع.
10. MeasureIt: واحدة من أهم إضافات فيرفوكس للتصميم والتطوير. مهمتها قياس المسافة بين نقطتين وقياس أبعاد أي عنصر في التصميم.
11. CSSViewer: إضافة رائعة جداً ومفيدة جداً لعرض كود CSS لأي جزء من التصميم.
12. FireShot: لأخذ صورة من التصميم (الموقع) أو من أي جزء منه. يديل آخر: Screengrab.
13. ieview: إضافة مهمة جداً لفتح أي موقع في إنترنت إكسبلورر في فيرفوكس. (مهمة جداً لاختبار توافق التصميم مع متصفح إنترنت إكسبلورر). بديل آخر: IE Tab.
14. OperaView: كما في رقم 13 ولكن مع متصفح أوبرا.
15. Safari View: كما في رقم 13 ولكن مع متصفح سفاري.
16. Open in Google Chrome: كما في رقم 13 ولكن مع متصفح جوجل كروم.
17. Dummy Lipsum: إضافة مهمة جداً ومفيدة جداً لتوليد نصوص عشوائية لوضعها في التصميم.  فعندما تصمم قالباً لموقعٍ ما, تحتاج إلى إضافة بعض النصوص فيه إما لإظهار معالم الموقع أو لإعطائة شيئاً من الحياة إلى أن تنشر عليه بعض المحتويات.هذه الإضافة مفيدة جداً لعرض تصميمك على الزبون قبل اعتمادة وقبل نشر المحتوى … كبديل: جرّب هذا الموقع (www.adhesiontext.com) أو هذه القائمة من 15 موقع وطريقة لإنشاء النصوص العشوائية لتصاميمك. لبرنامج OpenOffice, تستطيع استخدام هذه الإضافة. ولبرنامج MS Word, تعلّم الطريقة من تدوينتي هذه.
18. Clear Cache Button: لمسح الملفات المؤقته في فيرفوكس بكبسة زر واحدة.
19. FireFTP : خادم FTP في فيرفوكس.
20. YSlow: لفهم الأسباب التي تجعل موقعك أو تصميمك بطيئاً في العرض.
21. Load Time Analyzer: لفحص الوقت الذي تحتاجه صفحاتك للعرض.
22. Window Resizer: لفحص تصميمك بأكثر من مقاس شاشة.
23. Server Switcher: للتبديل بين السيرفر المحلي والسيرفر الحي (سيرفر الموقع على الإنترنت).

أرسل إلى صديق - نسخة للطباعة

تدوينات ذات صلة:

• Update Scanner: إضافة لفيرفوكس, مفيدة جداً لمتابعة المواقع التي لا تدعم الخلاصات
• GPhotospace: إرسال الصور مع بريد جي ميل بسرعة وسهولة [إضافة لمتصفح فيرفوكس]
• Inqisitor,إضافة لصندوق البحث للمتصفحات: سفاري, فيرفوكس و إنترنت إكسبلورر
• HeadUp: الإتصال الذكي مع مواقعك الإجتماعية وأصدقائك (50 دعوة لقرّاء رحلة ضَوْء)
• PDF Download: الحل المتكامل لملفات PDF مع فيرفوكس