6 إضافات فايرفوكس الأساسية لمصممي
بصفتك مصمم ويب (والمستخدم الذكي في مجال تكنولوجيا الإنترنت) ، لا يوجد عذر لعدم استخدامك لمتصفح فايرفوكس كمتصفح الويب الأساسي الخاص بك. إذا كنت لا تستخدم Firefox بعد ، فستحتاج إلى الذهاب و تحميل الآن لا يوفر Firefox فقط أعلى تجربة تصفح الإنترنت ، ولكنه يوفر أيضًا عددًا لا نهائيًا من الوظائف التي لن تجدها ببساطة في أي متصفح إنترنت آخر.
نظرًا لأن الجهات الخارجية يمكنها تطوير إضافات فيرفكس ، من خلال تنزيل أفضل الإضافات المتاحة ، يمكنك تحويل Firefox إلى أداة تزيد من الإنتاجية بشكل كبير وتوفر لك مقدارًا لا يحصى من الوقت. نظرًا لوجود العديد من الإضافات المتاحة للتنزيل ، فقد يكون من الصعب جدًا اختيار الإعلانات التي يجب أن تستخدمها.
لذلك ، قررت أن أفعل كل الإجراءات الخاصة بك وقمت بتجميع قائمة أفضل ست إضافات فايرفوكس لمصممي الويب.
مطور ويب
على الرغم من أنه يسمى مطور ويب ، هذه الإضافة على فايرفوكس لا تقدر بثمن على الإطلاق لمصممي الويب. إذا كنت ستقوم فقط بتنزيل وتثبيت أحد إضافات Firefox ، فهذا هو ما أوصيك به. والسبب هو أن هذه الإضافة توفر مجموعة متنوعة من الميزات المفيدة المختلفة ، ويمكن تصنيفها على أنها "سكين الجيش السويسري" من إضافات فيرفكس .
الميزة الأولى لهذه الوظيفة الإضافية التي سيجدها المصممون مفيدة هي قائمة CSS . تتضمن ميزات هذه القائمة القدرة على تعطيل الأنماط ، أو عرض CSS بنوع الوسائط ، أو عرض CSS ، أو عرض معلومات النمط ، أو إضافة ورقة أنماط مستخدم مخصصة أو تحرير CSS مباشرةً .
الميزة التالية التي تهم المصممين هي قائمة الصورة . بالإضافة إلى السماح لك بعرض سمات ALT وأبعاد الصورة وأحجام ملفات الصور ومسارات الصور ، يمكنك تعطيل الصور والعثور على الصور المقطوعة والصور التفصيلية واستبدال الصور بسمات ALT والعديد من الوظائف الإضافية.
على الرغم من أنني أستطيع تخصيص العديد من الصفحات لجميع الميزات التي توفرها هذه الوظيفة الإضافية ، فأنا أريد فقط أن أتطرق إلى بعض الوظائف الأخرى التي سيجدها مصممو الويب مفيدة بشكل خاص. وتشمل هذه القدرة على تحديد عناصر مختلفة (تتراوح من الإطارات إلى عناصر مستوى كتلة) ، وتحرير HTML وإظهار العناصر المخفية .
الحرائق
في حين أن مطور ويب هو الوظيفة الإضافية الأولى التي أوصي بها لأي مصمم ، الحرائق يدير الثانية وثيقة من حيث الفائدة للمصممين.
مع Firebug ، يتم منحك على الفور القدرة على تحرير أو تصحيح أو مراقبة أي صفحة ويب . تمنحك Firebug إمكانية التحكم الكامل في CSS و HTML و JavaScript من أي صفحة تختارها. والأفضل من كل ذلك هو أن كل تغيير تقوم به يتم بشكل مباشر وفوري ، حتى يمكنك اختبار التغييرات المختلفة بسرعة والاطلاع على نتائج تلك التغييرات على الفور.
مثل معظم أفضل الإضافات لـ Firefox ، يتخطى Firebug وظيفته الأساسية ويوفر مجموعة كبيرة من الخيارات التي تسهّل على أي مستخدم تخصيص استخدام هذه الإضافة تمامًا. تتضمن بعض الميزات والخيارات الإضافية التي يقدمها Firebug اختصارات مفاتيح ضغط ، والقدرة على التحكم في كيفية ومكان ظهور منطقة تحرير Firebug ، والأدلة المرئية لتحرير CSS ، وتحليل نشاط الشبكة والتسجيل القابل للتخصيص لجافا سكريبت .
Colorzilla
كمصمّم ويب ، أنت لا تعرف أبدًا متى سيصدر منك الإلهام وأنت تتجول عبر الإنترنت. على سبيل المثال ، قد تبحث في موقع ويب وتجد لونًا يعجبك حقًا.
إذا كنت تريد طريقة سريعة وفعالة لتتمكن من معرفة قيمة HSV و RGB بدقة لهذه الأداة ، يجب عليك تثبيت ColorZilla اضافه.
تشتمل إضافات ColorZilla على شافطة على الإنترنت ، مما يجعل من السهل جدًا الحصول على القيمة الدقيقة لألوان محددة. بالإضافة إلى Eyedropper عبر الإنترنت ، يوفر ColorZilla العديد من الميزات الإضافية التي سيجدها معظم مصممي الويب مفيدة مثل محلل ألوان DOM وعارض اللوحة على الإنترنت . يتيح لك محلل ألوان DOM تحديد موقع العناصر على الصفحة التي تتطابق مع لون معين ومعرفة قواعد CSS التي تحدد لونًا معينًا ، بينما يسمح لك عارض اللوحة على الإنترنت بوضع إشارة مرجعية على لوحات الألوان التي تريدها ومشاركتها.
اطلق رصاصة
على الرغم من أن نظام التشغيل الخاص بك يحتوي على وظيفة التقاط شاشة مدمجة ، فإن هذا لا يعني أن التقاط الشاشة الافتراضي يحتوي على كل الإمكانيات التي قد تحتاجها.
على سبيل المثال ، هل يمكن أن يؤدي التقاط الشاشة الافتراضي لنظام التشغيل الخاص بك إلى انتزاع أجزاء من صفحة الويب الموجودة خارج نافذة المتصفح؟
في معظم الحالات ، سيكون الجواب على هذا السؤال هو لا. لحسن الحظ ، هناك إضافات فيرفكس تقدم هذه الميزة ، بالإضافة إلى مجموعة متنوعة من الوظائف المفيدة الأخرى.
FireShot عبارة عن إضافة متقدمة لشاشة الشاشة لمتصفح فايرفوكس . بالإضافة إلى إعطائك القدرة على التقاط صفحة ويب كاملة (حتى عندما تكون هناك أجزاء من صفحة الويب غير مرئية نتيجة لقيود نافذة المتصفح) ، يسمح لك FireShot أيضًا بإضافة تعليقات توضيحية مباشرة إلى يلتقط الشاشة.
اطلق رصاصة يمنحك العديد من الخيارات للتعامل مع لقطات الشاشة الخاصة بك. لا يمكن حفظها فقط في مجموعة متنوعة من تنسيقات الملفات ، ولكن يمكن أيضًا حفظها على جهاز الكمبيوتر الخاص بك أو إرسالها بالبريد الإلكتروني إلى الآخرين أو حفظها على خادم استضافة FireShot المجاني. ونتيجة لهذه المجموعة الواسعة من الميزات ، اجتذبت هذه الإضافة أكثر من مائة وخمسين ألف مستخدم نشط ، وقد أثبتت أنها لا تقدر بثمن لمصممي الويب وغيرهم من محترفي الإنترنت.
مدقق CSS / HTML Validator
كمصمم ، فأنت تريد التأكد من أن جميع أعمالك الشاقة يمكن الوصول إليها بسهولة من قبل الزوار وعرضها بشكل صحيح. واحدة من أسهل الطرق لضمان إنجاز كلتا المهمتين هي عن طريق التحقق من صحة جميع التعليمات البرمجية الخاصة بك .
على الرغم من أنهما عبارة عن وظيفتين منفصلتين ، إلا أنه يجب تثبيت كل من CSS Validator و HTML Validator في المتصفح لأي مصمم ويب. بمجرد تثبيت الوظائف الإضافية ، مدقق CSS يمكن الوصول إليه من قائمة الأدوات ، بينما يمكن الوصول إلى HTML Validator من شريط الحالة في متصفح فايرفوكس.
كل من الوظائف الإضافية بالتحقق من صحة رمز ضد معايير W3C المناسبة . على الرغم من أن CSS Validator يقوم فقط بالتحقق من صحة الشفرة القياسية ، فإن أداة Validator Validator (HTML Validator) توفر بعض الوظائف الإضافية.
عند استخدام HTML Validator ، يمكنك اختيار التحقق من الصحة مباشرة في المستعرض (حيث تظهر أي أخطاء كرمز شريط الحالة) ، أو إظهار المصدر مع شرح الأخطاء بعد التحقق من الصحة أو التحقق من الصحة مع الحلول المقترحة لأي أخطاء.
متصفح نافذة رسزر
بصفتك أحد الأشخاص الذين ينشئون تصميمات للإنترنت ، فإن إحدى أكثر المشكلات المحبطة التي تواجهها بلا شك هي محاولة إنشاء تصميمات تعمل عبر مجموعة متنوعة من أحجام الشاشات.
نظرًا لأنك لا تعرف ما إذا كان الزائر سيعرض عملك على 640 × 480 أو 800 × 600 أو 1024 × 768 أو 1280 × 1024 أو 1600 × 1200 ، فستتحمل مسؤولية إنشاء تصميمات تعمل على جميع هذه الدقة .
في حين أن هناك مجموعة متنوعة من الطرق لعرض عملك في قرارات مختلفة ، فقد وجدت أن المتصفح نافذة ريسيزر الوظيفة الإضافية هي الطريقة الأكثر فعالية لإنجاز هذه المهمة. بمجرد تنزيل هذه الوظيفة الإضافية وتثبيتها ، ستتمكن من إعادة ضبط نافذة المتصفح على الفور إلى أي من أحجام الدقة القياسية المذكورة أعلاه.
سيسمح لك ذلك بمعرفة ما إذا كان تصميمك سيبدو جيدًا للزائرين الذين لا يستخدمون نفس الدقة التي تستخدمها. أفضل شيء عن هذه الإضافة هو أنه إذا كنت تستخدمه مع الإضافات الأخرى في هذه القائمة (على وجه التحديد Firebug) ، عندما ترى أن شيئًا لا يتم عرضه بشكل صحيح ، يمكنك إجراء تعديلات على الشفرة على الفور ومعرفة ما إذا كان هذا سيؤدي إلى حل المشكلة ، كل ذلك دون مغادرة نافذة المتصفح الحالية.
تعرف على أي ملحقات جيدة أخرى للمصممين؟ لا تتردد في التعليق وترك لنا ردود الفعل.