20 أهم ملحقات Google Chrome لمصممي الويب في 2016

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

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

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

 

1. Responsive Inspector Reloaded

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

 

2. Dribbble New Tab

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

 

3. Project Naptha

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

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

 

4. Eye Dropper

هل تتساءل عن RGB واللغة القاسية للألوان المستخدمة في الصفحة؟ باستخدام Eye Dropper ، لا تحتاج إلى فتح الرمز للتعرف على ذلك لأنه يسمح باختيار اللون من أي صفحة ويب (يمكنك أيضًا استخدام منتقي الألوان المتقدم).

 

5. Font Playground

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

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

 

6. Blipshot

يسمح لك ملحق blipshot بإنشاء لقطة شاشة لصفحة الويب بأكملها فقط عن طريق النقر على أيقونة المراسلة في المتصفح. بشكل ملائم ، يحتوي اسم لقطة الشاشة للصفحة على العنوان ووقت الإنشاء.

 

7. Web Developer Checklist

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

 

8. Pixlr Editor

يسمح لك محرر الصور هذا بقص العديد من العمليات الهامة الأخرى مع الصور مباشرة في المتصفح وتدويرها وإنشائها وتعديلها وتخصيصها وتنفيذها. يناسب Pixlr Editor المصممين الذين اعتادوا العمل مع Photoshop و PaintShop Pro و Gimp. فيما يلي يمكنك العثور على العديد من الأسباب التي تجعلني بالتأكيد يجب أن أجرب هذا التمديد:

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

 

9. Perfect Pixel

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

 

10. Web Developer

إنه منفذ توسع رسمي لـ Firefox ، بما في ذلك عدد كبير من الأدوات للمطورين. بالتأكيد ، عند طرح العنوان ، يمكن للمؤلفين أن يكونوا أكثر إبداعًا ، ولكن الشيء الرئيسي هو أن هذا "مشرف الموقع" قيم حقًا!

 

 

11. User Agent Switcher

لقد ولت الأيام التي كنت بحاجة فيها لتثبيت متصفحات متعددة على نفس جهاز الكمبيوتر للقيام بالعمل بشكل جيد. الآن ، يمكنك تثبيت User Agent Switcher - وهي أداة ستساعدك على معرفة كيف يبدو موقع ويب معين عند فتحه على أجهزة مختلفة وفي برامج مختلفة.

 

12. What Font

What Font هو أحد الحلول الأكثر شيوعًا للتعرف على الخطوط الموجودة على صفحة الويب. على الرغم من أن معظم مشرفي المواقع يستخدمون Webkit و Firebug - الأدوات التي تسمح باكتشاف الخطوط على صفحة الويب - يمكن لجميع المستخدمين الآخرين الحصول على حل أبسط بكثير باستخدام What Font ، الذي يفحص الخط عند تمرير الماوس فوقه.

13. MeasureIt

سيساعدك هذا الملحق في العثور على حجم الكائنات على صفحة الويب (العرض والارتفاع والمحاذاة) عن طريق رسم المسطرة على طول الصفحة.

 

14. Chrome Daltonize

هل لديك مشاكل في رؤية الألوان؟ ثم استخدم الامتداد لمعرفة اللون الحقيقي على الشاشة. تم تصميم Chrome Daltonize خصيصًا للأشخاص المكفوفين. يحتوي على مرشحين: "محاكاة" لإظهار الصورة في عيون شخص مصاب بعمى الألوان ، و "دالتونيز" لتحويل الصور بطريقة تمكن الشخص المصاب بعمى الألوان من تمييز الألوان. هناك 3 أنواع من أوجه القصور المدعومة: Tritanope (نقص الأزرق) ، Deuteranope (نقص أخضر) ، و Protanope (نقص أحمر).

 

15. Evernote Web Clipper

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

 

16. زر Pin It

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

 

17. Google Font Previewer

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

 

18. Dimensions

تسمح لك هذه الأداة البسيطة بقياس المسافة بين الكائنات في التخطيط بتنسيق PNG أو JPG بمجرد فتحه في Chrome.

 

19. Palette for Chrome

استخدمها لإنشاء لوحة كاملة للصورة في غضون ثوان: اختر نوع اللوحة التي تريد إنشاءها واحصل عليها باستخدام رموز RGB و HEX.

 

20. Design Breakfast

إذا كنت زائرًا منتظمًا لـ Behance ومنصات مماثلة ، فإن Design Breakfast - وهي أداة تعرض كل ما هو جديد ومثير في علامة التبويب الجديدة - ستكون مفيدة لك.

 

 

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