40 امتدادات Google Chrome المفيدة لمصممي الويب

أنا أحب جوجل كروم. بساطته وسرعته وأدائه من الدرجة الأولى ، بلا شك. لكن في بعض الأحيان ، تكون البساطة أكثر من مشكلة ، خاصة بالنسبة إلى مصممي الويب الذين يعتمدون بشدة على إضافات Firefox مثل Web Developer. لقد ابتعدت عن Chrome ، نعم ، لمجرد أنه لم يكن لها ملحق في عام 2008.

ولكن الآن ، كل شيء يتغير مرة أخرى. ليس من المستغرب أن يتمتع المهووسون الآخرون بنفس الحب لكروم وقرروا إنشاء Chrome Extension ، الذي له وظيفة مماثلة لـ Firefox Addon. لقد حفرت في تلك الامتدادات وكنت راضيا جدا لهم ، لذلك قررت التقاطها 40 امتدادًا وهو أمر مفيد للغاية لمصممي الويب ومشاركتها معكم يا رفاق.

لذا ، فهذه من أجلك ، يمكنك توجيه Chrome وزيادة إنتاجيتك.

اللون

ColorPicker

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

لوحة الكروم

وجود صداع في العثور على نظام الألوان من الصورة؟ تعمل لوحة Chrome على حل مشكلتك بكفاءة عن طريق إنشاء ما يصل إلى 64 لوحة ألوان من صورة موقع الويب لتلبية احتياجات التصميم أو الإلهام.

لون مدمن المخدرات

يمكن لـ Color Tweaker تعديل لون موقع الويب كما يفعل Color Picker ، ولكن باستخدام طريقة أكثر تحديدًا. ما عليك سوى إدخال محدد CSS في هذا الامتداد ثم قم بتعديل لون النص والخلفية ولون الحدود حسب رغبتك.

طباعة

محرر الخط

لا مزيد من التخمين والتبديل في البرنامج ، يسمح لك Font Editor بتعديل إعدادات الخط ومراقبته مثل الحجم ، ارتفاع الخط والمتغير الحي.

Google Font Previewer

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

تطوير

مطور ويب

ربما يجب أن يكون التمديد لمصمم الويب والمطور. من عرض البرنامج النصي إلى عرض معلومات الكائن ، يهدف Web Developer إلى توفير كل جزء من المعلومات التي تحتاجها من موقع ويب موجود. تم تزويد الملحق أيضًا بأدوات مفيدة مثل منتقي الألوان ، وريزر إعادة ضبط الحجم ، والمدقق ، إلخ.

Pendule

أداة مطور خفيفة وسهلة الاستخدام تشبه Web Developer ، ولكنها مزودة فقط بالأدوات اللازمة مثل عارض الأنماط وعارض المصدر والمدقق.

Firebug لايت

يختلف ما هو عليه في Firefox ، يوفر Firebug Lite تمثيلًا مرئيًا مثل Firefox عندما يتعلق الأمر بعناصر HTML وعناصر DOM ومشاركة Box Model. يأتي أيضًا مع القدرة على فحص عناصر HTML باستخدام الماوس ، ويمكنك تحرير خصائص CSS مع هذا الامتداد بشكل حيوي.

Stylebot

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

CSSViewer

تعبت من دفع "فحص العنصر" في كل مرة تريد أن تعرف ما هو نمط CSS المطبق على عنصر معين؟ يساعدك CSS Viewer من خلال عرض المعلومات الأساسية مثل الخط واللون وتحديد موضع العنصر بشكل حيوي.

ورقة الأنماط إعادة تحميل

إعادة تحميل ورقة أنماط CSS دون تحديث موقع الويب بالكامل ، مما يوفر وقت الانتظار بشكل كبير خاصة للمصمم مع اتصال الإنترنت البطيء.

مدمج تقنية منشئ ملفات التعريف

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

IE Tab Multi

تم إثبات أن IE Tab Multi هو الأكثر تشابهًا لـ Internet Explorer الأصلي ، وهو Internet Explorer الخاص بك في Chrome والذي يدعم العديد من الميزات الافتراضية لـ IE مثل الجدولة المتعددة.

نافذة ريسيزر

باستخدام Window Resizer ، يمكنك اختبار توافق دقة شاشة موقع الويب الخاص بك مع دقة الشاشة القياسية أو المعرفة من قبل المستخدم.

مصادقة HTML

أحد أفضل أدوات التحقق من الصحة التي يمكنها التحقق من صحة كود HTML لصفحة ويب عبر الإنترنت أو مضيف محلي في الوضع التلقائي أو اليدوي. يمكنك أيضًا اختيار إظهار نتيجة التحقق من الصحة في صفحة الويب أو عرضها في علامة تبويب جديدة تمامًا.

مشهد

من خلال خيارات السمة والخطوط المختلفة ، يسلط Sight الضوء على الكود المصدر لموقع الويب في شكل أكثر راحة بصريًا.

PHP وحدة التحكم

يجري التنصت من قبل PHP erros ولكن لا أعرف ماذا وأين هو؟ يساعدك PHP Console في عرض الأخطاء والاستثناءات ورسائل تصحيح الأخطاء في نموذج الإخطار.

جافا سكريبت API البحث

يضيف JavaScript API Search دعمًا إلى Chrome Omnibox ، أو ما يسمى بشريط العناوين للبحث عن وظائف JavaScript عبر الإنترنت مع ميزة الإكمال التلقائي. إذا لم تتمكن الإضافة من العثور على الوظيفة التي تبحث عنها ، فستقترح عليك أيضًا إجراء عمليات بحث ذات صلة من بحث رموز Google والتطوير والبحث والترميز وبحث شبكة مطوري Mozilla.

jQuery API Search

بينما أثبتت jQuery أنها مكتبة جافا سكريبت الرائدة التي تعمل على تحسين تجربة المستخدم ، فإن jQuery API Search يمنحك القدرة على البحث من خلال jQuery API من Chrome Omnibox. اكتب فقط "jq" متبوعة بمسافة في المربع متعدد الاستخدامات ، فأنت في طريقك.

بحث PHP

على غرار jQuery API Search ، يضيف هذا الملحق دعمًا إلى Chrome Omnibox للبحث عن شفرة PHP لاستخدامك المرجعي.

إنتاجية

حافظ على تركيزك

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

PopChrom

باستخدام PopChrom ، يمكنك تحديد اختصاراتك الخاصة للعبارات النصية ، مثل "ty" لـ "thank". مطلوب مفتاح التنشيط لتحويل الاختصار إلى عبارات نصية محددة ، لذلك اختر مجموعة مفاتيح لا تتعطل مع مفتاح الاختصار الآخر.

مجموعة الإنتاجية Quickrr

توفر لك مجموعة أدوات Quickrr الإنتاجية مجموعة من الأدوات الأساسية والمفيدة مثل المترجم ، الحاسبة ، المهام الواجبة ، محول الوحدة ، إلخ..

Todoist

باستخدام حساب سهل الإعداد ، يمكنك الوصول إلى مدير المهام هذا لتدوين كل مهمة تحتاج إلى إكمالها وتحريرها. أفضل جزء من هذا الملحق هو تخزين المهام الخاصة بك على الإنترنت حتى تتمكن من الوصول إلى سجل المهام على كل Chrome مع تثبيت هذا الملحق.

أنانك الموقت

تتبع الوقت الذي تقضيه في مهمة معينة ، أو سجل الوقت الذي تقضيه في موقع ويب معين. يدعم Ananke timer أيضًا تتبع الوقت المتعدد ويسمح لك بالتصفح على الرغم مما كنت تتبعه في الماضي.

أدوات كروم

تم إنشاؤه بواسطة Google ، ويوفر لك Chrome Toolbox ميزات مخصصة مثل تعديل سلوك علامة التبويب واستعادة بيانات النماذج وإنشاء اختصارات تقوم بتشغيل روابط محددة مسبقًا من مجلد الإشارة المرجعية.

صفحة Chrome ممتدة

لا أحد يحب النقر أكثر للوصول إلى صفحة معينة ، Chrome Page Extended هو أسرع اختصار للوصول إلى جميع صفحات Chrome الضرورية مثل الإضافات.

AppJump

باستخدام AppJump ، يمكنك تنظيم تطبيق Chrome وتشغيله بسرعة من شريط أدوات المتصفح.

المرجعية شريط الجلاد

الكثير من الإشارات المرجعية وفشلت في تنظيمها بكفاءة؟ يتيح لك Boorkmark Bar Switcher إنشاء شريط إشارة جديد تمامًا والتبديل بينها بسهولة.

TabCloud

قم بحفظ جلسات Windows واستعادتها لاحقًا على أي جهاز كمبيوتر باستخدام TabCloud ، مما يوفر لك الكثير من الوقت من إعادة فتح موقع ويب مختلف من جزء مختلف من مجلد الإشارات المرجعية.

الموارد

صفحات مماثلة

تقوم "صفحات متشابهة" ، التي طورتها شركة جوجل العملاقة في محرك البحث ، بالبحث في الويب عن محتوى ويب مماثل تقرأه وتهتم باكتشاف المزيد.

البحث العالمي

تعد عملية البحث عن الموارد أو الرجوع إليها أسهل باستخدام Universal Search ، والذي يمنحك مربع بحث مع خيار للبحث في Wikipedia و Bing ومحركات البحث الأخرى. سيظهر مربع البحث أيضًا عند تمييز أي نص من موقع الويب الذي تستعرضه حاليًا.

لقطة رهيبة

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

كليب ل Evernote

التمديد الرسمي من قبل Evernote لالتقاط وملاحظة اكتشافك على الويب ثم التحميل إلى Evernote. يدعم الملحق أيضًا الميزة للبحث ومزامنة الملاحظة المحفوظة.

ستثمبليوبون

استخدم Diigo لتمييز الملاحظات اللاصقة أو تعليقها أو نشرها بشكل خاص أو عام على صفحة الويب حتى تتمكن من عرضها في أي وقت تصل فيه إلى صفحة الويب.

Thinkery

فكر في التفكير باعتباره عقلك على الإنترنت ، ثم احفظ عنوان الارتباط الخاص بك واختيار النص فيه للعرض لاحقًا.

ملاحظاتي

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

Microstock صور السلطة البحث

ربما هو امتداد البحث الوحيد الذي يمكنك من خلاله البحث عن صور الأسهم عالية الجودة من الوكالات الشهيرة مثل Fotolia و Dreamstime و Shutterstock.

انعكاس

مع استمرار امتدادات وتطبيقات Chrome في النمو والتطور بشكل متواصل ، من المحتمل أن يحتضن المزيد والمزيد من محبي Firefox متصفح Google Chrome باعتباره متصفح الويب الافتراضي. عند قول ذلك ، هل ستحول وجهك إلى Google Chrome بعدد الإضافات والتطبيقات الحالية؟ ما هو الامتداد أو التطبيق أو الميزة التي ستحفزك على الانتقال إلى Google Chrome?

شاركنا أيضًا إذا كان لديك امتداد لطيف في Chrome ، فهناك دائمًا مساحة لأداة رائعة!