الرئيسية أدوات اضافات جوجل كروم لمصممي ومطوري المواقع

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

0
520

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

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

1. WhatFont

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

2. StyleBot

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

  • 11 طريقة لتحسين أداء جوجل كروم Google Chrome

    متصفح جوجل كروم هو المتصفح الأكثر شعبية حتى الآن بين المستخدمين فعلى الرغم من إصدار مايكرو…
شاهد المزيد

2 تعليقان

  1. […] تعطيل الإضافات غير […]

  2. […] تعطيل الإضافات غير […]