اضافات جوجل كروم لمصممي ومطوري المواقع

أفضل اضافات جوجل كروم لمصممي ومطوري المواقع ماعليكم سوى تثبيتها لجعل التصميم امر في غاية السهولة

يمكن ان يكون تطوير المواقع بشكل جيد امر غاية في الصعوبة ، لكن الاصعب من ذلك هو تصحيح الأخطاء االموجودة في تعليمات البرمجة. لحسن الحظ، يتوفر مخزن جوجل كروم على العديد من الملحقات التي يمكنها أن تزيد الإنتاجية بشكل كبير وتجعل الحياة أسهل عندما يتعلق الامر بالعمل على المواقع والتطبيقات القائمة على المتصفح.

1. WhatFont

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

2. StyleBot

StyleBot هو امتداد CSS لمطوري الويب.وهذه الاضافة سوف تساعدك في تخصيص مظهر لأي موقع من خلال اختيار العناصر وتغيير نمطها عن طريق المحرر.

هناك أيضا علامة تبويب CSS متقدمة مفيدة لكتابة القواعد الخاصة بك بشكل مباشر خاصة بالنسبة للأشخاص المبتدئين في تعلم CSS.

– CSS هي لغة تصميم تهتم بالخطوط و الالوان و صورة الموقع و اشياء اخرى كثيرة كما انها تضاف لل HTML من اجل تنسيق عرض المحتوى و هي اختصار لكلمة Cascading Style Sheets-

3. BuiltWith Technology Profiler

تستخدم ملفات التعريق BuiltWith للتحقق من نوع التكنولوجا التي بني بها موقع على شبكة الانترنت.

بمجرد النقر على الأيقونة في شريط كروم، سوف تنبثق نافذة ستمكنك من رؤية كل التقنيات المختلفة التي يستخدمها الموقع على شبكة الانترنت مثل خادم الويب، شبكة توصيل المحتوى، نظام إدارة المحتوى، مكتبات جافا سكريبت و وظائفها و غيرها الكثير.

4. Web Developer

مطور الويب هو امتداد للكروم تم استيراده من إصدارات فايرفوكس الشعبية. و هو كفيل باثراء متصفحك بمجموعة من الأدوات بما في ذلك خيارات للتبديل بين الأنماط، تعطيل جافا سكريبت، اظهار العناصر المخفية أو تعبئة النماذج.

5. ColorZilla

ColorZilla هي اضافة لجوجل كروم رائعة لمصممي الويب الذين يريدون الحصول على لون دقيق للمواقع الخاصة بهم.يمكنك عن طريقه الحصول على قراءة للون من أي نقطة في المتصفح الخاص بك ونسخ قيمة  Hex  أو RGB للصقها في برنامج آخر.

ياتي هذا الملحق مرفقا بالعديد من الميزات مثل القطارة , لوحة العرض , مولد لل CSS ميزة اختيار اللون و محلل لالوان صفحة الويب .

6. Capture Page Screenshot (FireShot)

FireShot يقوم بعمل بسيط جدا. هو يسمح لك بأخذ لقطة لأجزاء مختلفة من صفحة الويب أو لصفحة الويب بأكملها وتصديرها إلى PDF، JPEG، GIF، PNG BMP.

7. Page Ruler

تسمح لك هذه الاضافة بقياس عرض وطول و وضع اي عنصر على صفحة الويب عن طريق رسم سطر حول العنصر وتغيير حجمه حسب رغبتك . يمكنك أيضا اختيار “وضع العنصر” لتحديد كل عناصر الصفحة بتمرير الماوس فوقها.

8. YSlow

سوف يساعدك YSlow على تسريع مواقع الويب الخاص بك عن طريق تحليل صفحتك واقتراح سبل لتحسين الأداء.

9. Web Developer Checklist

الهدف من هذه الأداة هو التحقق من صفحات الويب الخاصة بك للتأكد من اتباعها للأفضل فيما يتعلق ب SEO، و ال HTML، والاستجابة وسهولة الاستخدام والسرعة.

يمكنك زيارة الموقع الإلكتروني للمطور من اجل مرجعية أكثر تعمقا – سوف تجد رابط الموقع في الصورة اعلاه -.

10. Search Stack Overflow

Search Stack Overflow  هو امتداد بسيط جدا يقوم باضافة مربع بحث للمتصفح الخاص بك للبحث عن المواضيع المدرجة.

يمكنك البحث عن أي شيء ذو صلة بالتنمية على شبكة الإنترنت أو البرمجة بشكل عام، من المرجح أن تجد موردا جيدا لحل مشاكلك.

11. Check My Links

Check My Links هو ملحق من ملحقات كروم المميزة سوف يساعد على اكتشاف كل الروابط المقطوعة على صفحة الويب الخاصة بك. بمجرد الانتهاء من تثبيت الملحق، انقر فوق رمزه الموجود على شريط كروم، و سوف يظهر لك جزء من النتائج حيث يمكنك رؤية كل الروابط المقطوعة على صفحتك.

 

اذا كان لديك اضافات جوجل كروم جيدة فلا مانع من ان تشاركنا تجربتك معها اذا رأت ان لديك اضافات افضل لجوجل كروم