15 من إضافات Chrome لمصممي ومطوري الويب

أنا أستخدم Google Chrome كمتصفح الويب الرئيسي. لماذا ا؟ لأنه سريع وسهل الاستخدام وموثوق وآمن وسهل الاستخدام وقابل للتخصيص بدرجة كبيرة وله متجر ويب خاص به. إذا كنت لا تستخدم Google Chrome حتى الآن ، فيجب أن تفكر فيه بشدة. على الأقل قم بتثبيته وحاول استخدامه لمدة أسبوع أو نحو ذلك.



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

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

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

تحقق من هذه الإضافات الـ 15 في Chrome التي يمكن أن تساعدك في عملك:

27 ديسمبر علامة زودياك

ملحقات كروم

جدول المحتويات

1. FireBug Lite

FireBug هو أحد إضافات FireFox المعروفة التي شقت طريقها إلى Chrome. إنه مفيد بشكل خاص لتصحيح أخطاء التعليمات البرمجية. كما يسمح لك بمراقبة JavaScript و HTML و CSS مباشرة لأي صفحة ويب.

تثبيت

2. WhatFont

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

تثبيت

3. كروم الشم

هل سبق لك أن نظرت إلى موقع ويب وفكرت ، 'كيف يكون هذا ممكنًا؟' يسمح لك Chrome Sniffer بمعرفة كيفية القيام بذلك. يمكن أن يخبرك إطار عمل معظم مواقع الويب. يمكنه حاليًا اكتشاف أكثر من 100 إطار عمل.

تثبيت

4. كود كولا

يسمح Code Cola للمستخدمين بتحرير CSS بصريًا. هذا يعني أنه يمكن للمستخدمين النقر فوق منطقة من صفحة الويب والتعامل مع CSS بسهولة. هذا يمكن أن يوفر الكثير من الوقت على المصممين.

تثبيت

5. ColorZilla

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

تثبيت

6. الشريط

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

تثبيت

7. اختبار القرار

يحتاج مصممو ومطورو الويب إلى تجربة مواقعهم على الويب بدقة مختلفة ، ولكن ما هي أفضل طريقة للقيام بذلك؟ يسمح ملحق Resolution Test لمتصفح Chrome للمستخدمين بتغيير حجم نافذة المتصفح لعرض مواقعهم على الويب بدقة مختلفة. يمكنك الاختيار من بين درجات دقة الشاشة الشائعة أو إدخال دقة شاشة مخصصة.

تثبيت

8. تتبع السرعة

هل سبق لك أن واجهت موقفًا حيث يتم تحميل موقعك على الويب ببطء ولم تستطع معرفة السبب؟ يمكن أن يساعدك Speed ​​Tracer. يمكن لـ Speed ​​Tracer العثور على المشكلات التي تسببها JavaScript و CSS وحرائق المؤقت والمزيد.

تثبيت

9. lorem ipsum مولد

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

تثبيت

10. علامة التبويب Internet Explorer

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

تثبيت

11. ترتيب اليكسا المرور

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

تثبيت

12. أداة Microstock Photo Power Search

يمكن أن يكون البحث عن صور المخزون مضيعة للوقت ومزعجًا. تجعل أداة Microstock Photo Power Search Tool هذه العملية أسهل كثيرًا. يتيح لك هذا الامتداد البحث في الصور المخزنة من أفضل 5 وكالات للصور المخزنة ، مثل Fotolia و Shutterstock.

تثبيت

13. لوحة للكروم

Palette for Chrome هي أداة ممتعة ومفيدة لمصممي الويب. يمكنك تحديد أي صورة وإنشاء ملف لوحة الألوان من تلك الصورة. يمكنك إنشاء لوحات ذات 16 أو 24 أو 32 لونًا. إذا كانت لديك صورة مفضلة ، فيمكنك إنشاء ملف لوحة الألوان منه واستخدام ذلك لوحة الألوان في تصميم موقع الويب الخاص بك.

تثبيت

14. TooManyTabs

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

تثبيت

15. ملابس عادية

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

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

شارك الموضوع مع أصدقائك:

أحدث الأخبار

المواد شعبية