7 يجب أن يكون لديك ملحقات الكروم لمصممي الويب

الإعلانات

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

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

1. Dropbox لـ Gmail

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

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

تثبيت:Dropbox لـ Gmail

2. FontFace Ninja

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

FontFace Ninja هو امتداد Chrome يساعدك على ذلك. مثل الكثير الأدوات التي تعثر على الخطوط من الصور WhatTheFont و 4 بدائل للعثور على الخطوط من الصورتريد العثور على الخطوط من الصور؟ هناك أدوات عبر الإنترنت يمكنها القيام بذلك نيابة عنك ، بما في ذلك WhatTheFont والبدائل المختلفة. اقرأ أكثر يساعدك على تحديد الخطوط التي تراها على الإنترنت. والفرق الوحيد هو أن FontFace Ninja يقرأ الخطوط المشفرة في CSS للصفحة ، مثل محرف العناوين والنص الأساسي.

عند تشغيل FontFace Ninja ، سيعرض لك المعلومات على الخط الذي توجهه إليه - وليس فقط الخط ، ولكن أيضًا الوزن والحجم والارتفاع والعرض واللون. لوضع إشارة على هذا الخط ، ستحتاج إلى حساب في الخدمة الشقيقة ، FontFace Dojo.

تثبيت:FontFace Ninja

3. القطارة اللونية ColorPick

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

مثل أفضل تطبيقات منتقي الألوان لنظام التشغيل Mac أفضل 5 تطبيقات منتقي الألوان لنظام التشغيل Macهل تحتاج إلى العثور على اللون المثالي على جهاز Mac الخاص بك؟ جرب تطبيقات منتقي الألوان macOS لتحديد الألوان وحفظها وتنسيقها ونسخها بسهولة. اقرأ أكثر ، ستعرض لك ColorPick Eyedropper قيم أي لون تشير إليه. الاختلاف هو أنه موجود دائمًا في متصفحك وليس عليك تحميل أي شيء - ما عليك سوى النقر على الرمز ونقل الهدف إلى المكان الصحيح.

يقرأ الملحق الألوان من النص والصور وأي شيء قد تراه على صفحة الويب (حتى الإعلانات). بمجرد التقاط لون ، يظهر لك قيم HTML و RGB و HSL.

تثبيت:القطارة اللونية ColorPick

4. الأبعاد

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

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

تثبيت:الأبعاد

5. مفتش بصري

يعد Visual Inspector أداة قوية للتغذية المرتدة والتعاون لفرق التصميم ، حيث يجمع بين ميزات الإضافات الثلاثة السابقة وإضافة المزيد.

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

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

مثل معظم الأدوات المتقدمة ، يأتي Visual Inspector مع بطاقة سعر: ستحتاج إلى الدفع من 9 دولارات / مستخدم / شهر لإضافة التعليقات ومزامنة التغييرات. ومع ذلك ، فإن ميزاته الأساسية مثل فحص الألوان والخطوط والصور مجانية الاستخدام.

تثبيت:مفتش بصري

6. من السهل التقاط الشاشة

قد يبدو امتداد لقطة الشاشة زائدة عن الحاجة منذ ذلك الحين أخذ لقطة شاشة على جهاز Mac كيفية التقاط لقطات شاشة على نظام التشغيل Mac: نصائح وأدوات وحيل يجب معرفتهاهل تحتاج إلى أخذ لقطة شاشة على جهاز Mac الخاص بك؟ فيما يلي أفضل الاختصارات والنصائح والتطبيقات الخاصة بلقطات شاشة macOS. اقرأ أكثر هو نسيم و التقاط شاشتك على Windows كيف تأخذ لقطة مثالية في ويندوزتعتمد أفضل طريقة لأخذ لقطة شاشة على إصدار Windows الذي تستخدمه. نعرض لك الاختلافات الدقيقة ، ونقدم نصائح لتحرّي الخلل وإصلاحه ، ونكشف عن أفضل اختصارات وأدوات لوحة المفاتيح. اقرأ أكثر هو مجرد المزيد من المتاعب. لكن Easy Screen Capture لديها عدد غير قليل من نقاط البيع.

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

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

تثبيت:من السهل التقاط الشاشة

7. Muzli 2

أخيرًا ، هناك مهمة واحدة حاسمة عليك التعامل معها كل صباح: التخلص من بقايا النوم والدخول في الأخدود. ستكون Muzli 2 من InVision بمثابة صحيفتك الصباحية التي تحتوي على مقالات منظمة عن الفن والتصميم و UX والتكنولوجيا.

يستبدل Muzli علامة تبويب Chrome الافتراضية ويسمح لك بتخصيص ما تراه هناك. اعتمادًا على اهتماماتك ، ستختار Muzli الخلاصات لك ، مع مواقع إلكترونية تتراوح من Dribble و Behance إلى 99designs و Creative Bloq. الكثير من الإلهام للتمرير خلال احتساء القهوة الأولى!

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

تثبيت:Muzli 2

احصل على ملحقات Chrome لجميع مهام التصميم الخاصة بك

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

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