5 اضافات على متصفح جوجل كروم تساعد مصمم الويب
5 اضافات على متصفح جوجل كروم تساعد مصمم الويب اضافات مهمة ومفيدة جدا لمصمم ومطور الويب تساعده جدا في مشاريعه وعمله عبر الانترنت من افضل اضافات جوجل كروم العملية والتي توفر عليك وقت ومجهود وتعطيك أداء ممتاز
أفضل 5 اضافات على متصفح جوجل كروم لمصمم الويب
1- ColorZilla
ColorZilla هي أداة اختيار الألوان
ومجموعة الأدوات المتعلقة بالألوان الأكثر سهولة في الاستخدام وكاملة الميزات
وآمنة وموثوقة. وهي واحدة من أكثر ملحقات المطورين شيوعًا لمتصفح Chrome وFirefox
مع أكثر من 10 ملايين عملية تنزيل في جميع أنحاء العالم.
باستخدام ColorZilla، يمكنك الحصول على قراءة
اللون من أي نقطة في المتصفح الخاص بك، وضبط هذا اللون بسرعة، ولصقه في برنامج آخر مثل فوتوشوب وغيره ويمكنه القيام بالكثير غير ذلك...
الميزات
- أداة Eyedropper - الحصول على لون أي بكسل على الصفحة
- أداة اختيار الألوان المتقدمة (مشابهة لبرنامج Photoshop)
- أداة توليد التدرجات اللونية النهائية CSS
- أداة تحليل ألوان صفحات الويب - الحصول على لوحة ألوان لأي موقع
- عارض لوحات الألوان مع 7 لوحات ألوان مثبتة مسبقًا
- سجل الألوان للألوان المختارة مؤخرًا
- أحجام عينات مختلفة - 1x1، 3x3، 5x5، 11x11 و25x25 بكسل
- عينة من متوسط لون أي منطقة محددة
- عرض معلومات العنصر مثل اسم العلامة والفئة والمعرف والحجم وما إلى ذلك.
- نسخ الألوان المختارة تلقائيًا إلى الحافظة
- اختصارات لوحة المفاتيح
- نقرة واحدة لبدء اللون الاختيار (حاليًا على Windows فقط)
- اختيار الألوان بأي مستوى تكبير
يمكنك معرفة المزيد من الميزات هنا: https://colorzilla.com/en-gb/chrome/features.html
2- WhatFont
أسهل طريقة
لتحديد الخطوط على صفحات الويب
تساعدك في معرفة
نوع الخط المستخدم في موقع الويب بسهولة
قل وداعًا لتعقيد أدوات المطور لتحديد الخطوط مع WhatFont، يصبح اكتشاف الخطوط المستخدمة على مواقع الويب أمرًا سهلاً مثل التمرير فوق النص. هل تريد المزيد من التفاصيل؟ نقرة بسيطة على أي عنصر تكشف عن الأنماط المطبقة، مما يجعل من الأسهل من أي وقت مضى اكتشاف الأسرار وراء الطباعة الجميلة.
3- Wappalyzer
تحديد تقنيات الويب
Wappalyzer هو أداة تحليل تقنية
تعرض لك ما تم بناء مواقع الويب به.
اكتشف نظام
إدارة المحتوى الذي يستخدمه موقع الويب، بالإضافة إلى أي إطار عمل، ومنصة تجارة
إلكترونية، ومكتبات JavaScript
وغير ذلك الكثير.
Wappalyzer هو أكثر من مجرد كاشف
لنظام إدارة المحتوى أو كاشف إطار عمل: فهو يكشف عن أكثر من ألف تقنية في عشرات
الفئات مثل لغات البرمجة، والتحليلات، وأدوات التسويق، ومعالجات الدفع، وإدارة
علاقات العملاء، وشبكة توصيل المحتوى وغيرها.
قم بتثبيت Wappalyzer لمتصفح Chrome لمعرفة التقنيات المستخدمة في مواقع الويب
التي تزورها في لمحة.
4- Awesome Screen Recorder & Screenshot
أفضل مسجل شاشة
وأداة التقاط الشاشة ولقطات الشاشة لتسجيل الشاشة.
هل تريد مشاركة
شاشتك لأغراض مثل مشاركة المشكلات الفنية أو إنشاء عروض توضيحية للمنتجات أو شرح دروس تعليمية؟
إليك أسباب لاختيار Awesome Screen Recorder & Screenshot
- تقديم خدمة مستقرة لأكثر من 10 سنوات
- محبوب من قبل أكثر من 4 ملايين مستخدم عبر منصات مختلفة
- مسجل الشاشة المحلي ومسجل الشاشة السحابي 2 في 1
- لقطات الشاشة/التقاط الشاشة وتسجيل الشاشة 2 في 1
- التسجيل في WebM أو MP4
- ميزات قوية مصممة خصيصًا للعمل والسيناريوهات التعليمية
- لا توجد إعلانات وتحترم خصوصيتك
- سهل الاستخدام
- شارك لقطات الشاشة وتسجيلات الشاشة على الفور
إليك بعض الميزات لتسجيل الشاشات والتقاط لقطات شاشة:
مسجل الشاشة
- تسجيل سطح المكتب (الشاشة أو النافذة بالكامل) أو علامة التبويب الحالية أو الكاميرا فقط
- ادراج صوتك في التسجيل باستخدام خيار الميكروفون
- ادراج وجهك في الفيديو الخاص بك عن طريق تضمين كاميرا الويب الخاصة بك
- اختر أبعاد الفيديو من 720 بكسل أو 1080 بكسل أو 4K
- حفظ التسجيلات على القرص المحلي الخاص بك
- حفظ التسجيلات في حسابك عبر الإنترنت
- يمكنك تنزيل مقاطع الفيديو المحملة بتنسيق MP4 أو WebM
مشاركة التسجيلات
الحصول على رابط قابل للمشاركة لمقطع فيديو على الفور بعد الانتهاء من
التسجيل
مشاركة مقطع فيديو تسجيل بسهولة مع Jira وSlack
وTrello وAsana، GitHub
التعليق والتحرير
التعليق على الشاشة أثناء التسجيل
التعليق على الفيديو وتحريره بعد التسجيل
هل تفضل التقاط
لقطة شاشة لصفحات الويب كصور؟ لا توجد مشكلة، يمكنك تعيين علامة التبويب
"التقاط" كعلامة تبويب أساسية.
التقاط لقطة شاشة
- التقاط لقطة شاشة للصفحة التي تزورها أو الصفحة الكاملة أو المنطقة المحددة أو الجزء المرئي
- التقاط لقطة شاشة لشاشتك بالكامل أو نافذة تطبيق معينة
- التقاط جزء مرئي أو شاشة كاملة أو نافذة تطبيق بعد التأخير
التعليق على لقطة الشاشة
- تغيير حجم لقطة الشاشة أو اقتصاصها إلى الحجم الذي تريده
- التعليق على لقطة الشاشة باستخدام المستطيلات والدوائر والسهام والخطوط وما إلى ذلك.
- إضافة نص إلى لقطة الشاشة مع أو بدون لون الخلفية، وتغيير خط النص وحجم الخط
- تسليط الضوء على جزء مهم في لقطة الشاشة
- تحديد صورة محلية أو لصق صورة منسوخة من الحافظة للتعليق عليها
حفظ ومشاركة لقطة الشاشة
- حفظ لقطة الشاشة كصورة بتنسيق PNG أو تنسيق JPG، أو قم بتنزيل لقطة الشاشة بتنسيق PDF
- نقرة واحدة لحفظ لقطة الشاشة في حساب Awesome Screenshot الخاص بك والحصول على رابط قابل للمشاركة
- إرسال لقطة شاشة إلى وجهة في Jira أو Slack
أو Trello أو Asana أو GitHub
- نسخ لقطة شاشة مباشرة عند التقاط منطقة محددة للصقها بسرعة
5- Full Page Screen Capture
التقط لقطة شاشة
لصفحتك الحالية بالكامل وبشكل موثوق - دون طلب أي أذونات إضافية!
أبسط طريقة
لالتقاط لقطة شاشة لصفحة كاملة من نافذة المتصفح الحالية. انقر فوق أيقونة
الامتداد (أو اضغط على Alt+Shift+P)،
وشاهد الامتداد يلتقط كل جزء من الصفحة، ويتم نقلك إلى علامة تبويب جديدة من لقطة
الشاشة حيث يمكنك تنزيلها كصورة أو ملف PDF أو حتى سحبها إلى سطح المكتب.
لا توجد تضخمات،
ولا إعلانات، ولا أذونات غير ضرورية، فقط طريقة بسيطة لتحويل صفحة ويب كاملة إلى
صورة.
تتعامل تقنية
التقاط الشاشة المتقدمة مع الصفحات المعقدة - بما في ذلك العناصر القابلة للتمرير
الداخلي بالإضافة إلى الإطارات المضمنة - على عكس أي امتداد آخر. إذا واجهت مشكلة،
فيرجى الإبلاغ عنها عبر أيقونة علم دعم العملاء في صفحة الالتقاط، حتى نتمكن من
تحسين الامتداد لك ولجميع الأشخاص الآخرين الذين يستخدمونه.
لالتقاط لقطة
شاشة للصفحة بأكملها، يجب التمرير إلى كل جزء مرئي، لذا يرجى التحلي بالصبر لأنه
يجمع كل الأجزاء بسرعة. بالنسبة للسيناريو النادر حيث تكون صفحتك كبيرة جدًا بحيث
لا يمكن لمتصفح
Chrome تخزينها
في صورة واحدة، فسيُعلمك بذلك ويقسمها إلى صور في علامات تبويب منفصلة.
يمكنك تصدير
نتيجتك بتنسيق
PNG أو JPEG أو أحجام ورق PDF مختلفة كلها قابلة للتكوين من خيارات الامتداد.
جديد: يمكنك قص
وإضافة الرموز التعبيرية المفضلة لديك إلى أي لقطة شاشة باستخدام المحرر المتميز
الجديد!