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

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

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





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





1. Dropbox لجيميل

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





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

تثبيت: Dropbox لجيميل



2. FontFace Ninja

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

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





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

تثبيت: الخط النينجا





3. ColorPick القطارة

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

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

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

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

4. الأبعاد

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

كيفية عمل صورة لنظام التشغيل windows 10

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

تثبيت: أبعاد

5. المفتش البصري

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

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

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

لا يمكنني الإضافة إلى قائمتي على Netflix

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

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

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

قد يبدو امتداد التقاط الشاشة زائدًا عن الحاجة ، نظرًا لأن التقاط لقطة شاشة على جهاز Mac يعد أمرًا سهلاً ، و التقاط شاشتك على Windows هو مجرد القليل من المتاعب. لكن Easy Screen Capture لديها عدد قليل جدًا من نقاط البيع.

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

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

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

7. الجليدية 2

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

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

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

تثبيت: الجليدية 2

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

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

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

يشارك يشارك سقسقة بريد الالكتروني هل يستحق الترقية إلى Windows 11؟

تم إعادة تصميم Windows. لكن هل هذا كافٍ لإقناعك بالانتقال من Windows 10 إلى Windows 11؟

اقرأ التالي
مواضيع ذات صلة
  • إنترنت
  • خلاق
  • جوجل كروم
  • تصميم المواقع
  • ملحقات المستعرض
نبذة عن الكاتب أليس كوتليارينكو(28 مقالة منشورة)

أليس كاتبة تكنولوجية تتمتع بمكانة مرهفة لتقنية Apple. لقد كانت تكتب عن Mac و iPhone منذ فترة ، وهي مفتونة بالطرق التي تعيد بها التكنولوجيا تشكيل الإبداع والثقافة والسفر.

المزيد من Alice Kotlyarenko

اشترك في نشرتنا الإخبارية

انضم إلى النشرة الإخبارية لدينا للحصول على نصائح تقنية ومراجعات وكتب إلكترونية مجانية وصفقات حصرية!

انقر هنا للاشتراك