اليوم ، أشارككم قائمتي المنسقة المكونة من 12 إضافة Chrome للمصممين والمطورين. أنا متحمس لأن هذا هو مجال خبرتي ، لذا دعونا نصل إليه مباشرة.
1. الحمالة الكبرى
The Great Suspenderهو امتداد مجاني ومفتوح المصدر لـ Google Chrome يعمل على تقليل مقدار الذاكرة التي يستخدمها Chrome. يقوم بذلك عن طريق تعليق علامات التبويب التي كانت نائمة تلقائيًا.ما تفعله تحت الغطاء هو تجريد صفحات الويب الخاملة من رسوماتها ، JS ، وما إلى ذلك.
الامتداد الكروم الرائع للحمّالة
2. تحقق من UX
UX Checkيساعدك ملحق Chrome على التعرف على مشكلات قابلية الاستخدام من خلال تقييم إرشادي سريع وسهل.
سير العمل بسيط. انقر على الأيقونة لإطلاق Nielsen's Ten Heuristicsفي لوحة جانبية مثلChrome Devtools . يمكنك النقر فوق أي عناصر لا تجتاز التقييم لإضافة ملاحظات والتقاط لقطات شاشة وتصديرها كملف s docx للمشاركة بسهولة.
UX Check Chrome Extension
3. قطّارة العين
Eye Dropperهي أداة التقاط الألوان الأكثر روعة بالنسبة لي.يحتوي على علامتي تبويب -EyedropperوCoolerpicker. تتيح لك أداة القطارة اختيار الألوان من أي صفحة ويب بينما تتيح لك أداة منتقي الألوان تحديد ألوان مخصصة.
الألوان المنتقاة من صفحات الويب أو المحددة من علامة تبويب منتقي الألوان يتم حفظها تلقائيًا في لوحة يمكنك تنزيلها كملف CSV. أيضًا ، يعرض Eye Dropper جميع الألوان في رموز RGB و HSL و HEX والاسم ، وهو يدعم اختصارات لوحة المفاتيح.
ملحق بالكروم Eye Dropper
4. FontFace Ninja
FontFace Ninjaقادر على عرض المعلومات على أي خطوط على أي موقع ويب. يحتوي على روابط تنزيل للخطوط المجانية وخيار لعرض أسعار الخطوط المدفوعة.
FontFace Ninja لديه أيضًا خيارات لاستخدام الوضع الداكن ، واكتشاف الخطوط في الصور (تجريبي) ، وعرض خيارات الإشارات المرجعية.
FontFace Ninja Chrome Extension
5. مسطرة الصفحة
مسطرة الصفحةهي امتداد مسطرة مبسط يسمح لك بقياس العرض والارتفاعات على صفحات الويب. يتميز بالعديد من اختصارات لوحة المفاتيح ، والتنقل عبر عناصر الوالدين والطفل ، وإرشادات القياس ، والترجمة إلى 10 لغات.
تمديد مسطرة الصفحة بالكروم
6.
FB Downيمكنه بسهولة تنزيل مقاطع الفيديو من Facebook وأي صفحة أخرى مع تشغيل الفيديو. يمكنك استخدامه لتنزيل جميع تنسيقات الوسائط الشائعة بما في ذلك بعض مقاطع الفيديو المحمية بحقوق الطبع والنشر (عندما تختار تنزيل الفيديو بدون صوت).
Facebook Video Downloader Chrome Extension
7. رقم PerfectPixel
PerfectPixelمن WellDoneCode ، هو أفضل امتداد لإنشاء مواقع ويب مثالية للبكسل. يسمح لك بتعيين الصور كتراكبات يمكنك مقارنتها بموقع التطوير. يدعم اختصارات لوحة المفاتيح وتراكب الصور شبه الشفاف والمزيد.
PerfectPixel Chrome Extension
8. TinEye
TinEyeهي الأداة المثالية للبحث عن الصور العكسية وأول من يطبق تقنية تحديد الصور ، بدلاً من الكلمات الرئيسية أو البيانات الوصفية أو العلامات المائية. يعمل عن طريق إنشاء توقيعات رقمية فريدة للصور ثم يقارن التوقيعات بتلك الموجودة في فهرسها.
لا تقوم TinEye فقط بإرجاع صور مماثلة في نتائج البحث الخاصة بها ، ولكن المطابقات التامة لا تستبعد النسخ التي تم اقتصاصها وتغيير حجمها وتحريرها.
تمديد TinyEye Chrome
9. CSS Pepper
CSS Pepperتمكنك من استخراج CSS (حتى من الأشياء المخفية) وإنشاء أدلة أسلوب جميلة بطريقة منظمة جيدًا. يتيح ذلك للمصممين والمطورين قضاء وقت في العمل على التصميم بدلاً من البحث في الكود.
CSS Pepper Chrome Extension
10. WhatRuns
WhatRunsيعلمك بكل شيء يتم تشغيله على أي موقع ويب بما في ذلك الأطر والموضوعات والخطوط ونظام إدارة المحتوى وما إلى ذلك.
أيضًا ، يمكنك متابعة مواقع الويب حتى يخطرك الامتداد عند إضافة أي تقنيات جديدة.
WhatRuns Chrome Extension
11.موزلي
Muzliهو امتداد مجاني يجلب الآلاف من التصميمات الجميلة والملهمة مباشرة إلى متصفحك في شكل استبدال علامة تبويب جديدة .
في كل مرة تفتح فيها علامة تبويب جديدة ، يملأ Muzliها ببعض من أجمل التصميمات من أكثر من 120 مصدرًا بما في ذلك InVision و Muzli و Dribble و Product hunt و CNN و CSS Author ، إلخ! هذه جوهرة للمصممين.
ملحق كروم Muzli
12. أبعاد
Dimensionsهو امتداد مجاني ومفتوح المصدر يوفر لك طريقة ذكية لقياس المسافات بين عناصر الصفحة.
ابحث عن أبعاد الصورة وعناصر HTML عن طريق سحب الماوس وتحريكه نسبيًا. يمكنك أيضًا استخدام اختصارات لوحة المفاتيح للعمل - فقط تذكر تعيين اختصار لوحة المفاتيح في نهاية قائمة ملحقات Chrome لتبديل الامتداد من أجل الاستمتاع بأفضل تجربة.
أبعاد تمديد الكروم
هناك امتدادات أخرى يجب أن تعرفها ، على سبيل المثالCheckbotيهدف إلى تعزيز سمعة تحسين محركات البحث لديك وسرعة وأمان موقع الويب بشكل عام عن طريق التحقق من الروابط المعطلة والصفحات غير الآمنة و HTML / CSS / JS غير الصالحة والعناوين المكررة وغيرها مشاكل قد لا تلاحظها أثناء التطوير.
وتحقق من روابطيالتي تزحف عبر صفحات الويب الخاصة بك للتأكد من عدم وجود روابط معطلة - هذا الرابط مجاني ولكنه ليس كذلك قوي.
هل لديك امتدادات رائعة للمصممين والمطورين يجب أن نعرفها؟ قم بإضافتها في قسم التعليقات أدناه.