رتبها

أفضل إضافات Google Chrome للمبرمجين 😍
تابع الصور ✅
مقدمة 😇
بعض الاضافات من متصفح كروم تساعد مصمم الويب هي اضافات في متصفح جوجل كروم chrome تساعد مصمم الويب في تصميم الموقع والتطبيقات العملية لتسهيل وانجاز العمل

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

2- Page Ruler
يتيح لك سحب مسطرة لأي صفحة ويعرض عرضها وارتفاعها وموضعها في أي صفحة ويب.
3- What Font
يتيح لك معرفة الخط المستخدم في أي موقع ويب
وكذلك معرفة اسم الخط وعائلته ولونه ونمطه وحجمه.
4- Wappalyzer
هي أداة تساعدك في معرفة اللغة المنشأ بها موقع الويب

5- Full Page Screen Capture
التقط لقطة شاشة لصفحتك الحالية بالكامل وبشكل موثوق - دون طلب أي أذونات إضافية
أبسط طريقة لالتقاط لقطة شاشة كاملة للصفحة من نافذة المتصفح الحالية.

6- Mobile/Responsive Web Design Tester
وهي تسمح لمصممي ومطوري الويب باختبار صفحات الويب على الهواتف والأجهزة اللوحية لاختبار تجاوب الشاشة واختبار أجهزة محمولة في نفس الوقت
مفيدة جدا خاصة اذا كان موقعك قيد التطوير والانشاء لرؤية مدي تجاوبه على شاشات الموبايل والتابلت واللاب

توب وغيرهم من الأجهزة اللوحية والمكتبية.
7 - إضافة Web Developer
تضيف إضافة Web Developer شريط أدوات إلى متصفح جوجل كروم يضم العديد من خيارات وظائف تطوير الويب المفيدة، مثل: تنشيط البرامج النصية أو إلغاء تنشيطها، ووظائف التحكم في ملفات تعريف الارتباط، أو البحث عن

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

ولكن يمكنك تعديلها لتناسب احتياجاتك.
9 - StyleBot
StyleBot هو امتداد CSS لمطوري الويب.وهذه الاضافة سوف تساعدك في تخصيص مظهر لأي موقع من خلال اختيار العناصر وتغيير نمطها عن طريق المحرر.
هناك أيضا علامة تبويب CSS متقدمة مفيدة لكتابة القواعد الخاصة بك بشكل مباشر خاصة بالنسبة

للأشخاص المبتدئين في تعلم CSS.
– CSS هي لغة تصميم تهتم بالخطوط و الالوان و صورة الموقع و اشياء اخرى كثيرة كما انها تضاف لل HTML من اجل تنسيق عرض المحتوى و هي اختصار لكلمة Cascading Style Sheets-
10 - BuiltWith Technology Profiler
تستخدم ملفات التعريق BuiltWith للتحقق من نوع

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

11 - YSlow
سوف يساعدك YSlow على تسريع مواقع الويب الخاص بك عن طريق تحليل صفحتك واقتراح سبل لتحسين الأداء.
+ بالتوفيق للجميع 🥰❤
Copied from: @youssef.proأفضل إضافات Google Chrome للمبرمجين 😍
تابع الصور ✅
مقدمة 😇
بعض الاضافات من متصفح كروم تساعد مصمم الويب

هي اضافات في متصفح جوجل كروم chrome تساعد مصمم الويب في تصميم الموقع والتطبيقات العملية لتسهيل وانجاز العمل
1- ColorZilla
ColorZilla ، أحد إضافات مطوري متصفح Firefox الأكثر شيوعًا مع أكثر من 5 ملايين تنزيل متوفر أخيرًا لمتصفح كروم Chrome

مع ColorZilla ، يمكنك الحصول على قراءة ملونة من أي نقطة في متصفحك ، وسرعة ضبط هذا اللون ولصقه في برنامج آخر. ويمكن أن تفعل أكثر من ذلك بكثير ...
2- Page Ruler
يتيح لك سحب مسطرة لأي صفحة ويعرض عرضها وارتفاعها وموضعها في أي صفحة ويب.

3- What Font
يتيح لك معرفة الخط المستخدم في أي موقع ويب
وكذلك معرفة اسم الخط وعائلته ولونه ونمطه وحجمه.
4- Wappalyzer
هي أداة تساعدك في معرفة اللغة المنشأ بها موقع الويب
5- Full Page Screen Capture
التقط لقطة شاشة لصفحتك الحالية بالكامل وبشكل موثوق - دون طلب أي أذونات إضافية

أبسط طريقة لالتقاط لقطة شاشة كاملة للصفحة من نافذة المتصفح الحالية.
6- Mobile/Responsive Web Design Tester
وهي تسمح لمصممي ومطوري الويب باختبار صفحات الويب على الهواتف والأجهزة اللوحية لاختبار تجاوب الشاشة واختبار أجهزة محمولة في نفس الوقت

مفيدة جدا خاصة اذا كان موقعك قيد التطوير والانشاء لرؤية مدي تجاوبه على شاشات الموبايل والتابلت واللاب توب وغيرهم من الأجهزة اللوحية والمكتبية.
7 - إضافة Web Developer
تضيف إضافة Web Developer شريط أدوات إلى متصفح جوجل كروم يضم العديد من خيارات وظائف تطوير الويب

المفيدة، مثل: تنشيط البرامج النصية أو إلغاء تنشيطها، ووظائف التحكم في ملفات تعريف الارتباط، أو البحث عن طرق لإنشاء النماذج والصور والأنماط وغيرها.
8 - إضافة Windows Resizer
تتيح لك إضافة Windows Resizer تغيير حجم شاشتك، إنه أمر بسيط ولكنه مفيد للغاية إذا كنت بحاجة إلى

التحقق من توافق الموقع مع جميع أنواع الشاشات، وتقدم لك الإضافة مجموعة محددة سابقًا من الخيارات، ولكن يمكنك تعديلها لتناسب احتياجاتك.
9 - StyleBot
StyleBot هو امتداد CSS لمطوري الويب.وهذه الاضافة سوف تساعدك في تخصيص مظهر لأي موقع من خلال اختيار العناصر وتغيير نمطها عن طريق المحرر.

هناك أيضا علامة تبويب CSS متقدمة مفيدة لكتابة القواعد الخاصة بك بشكل مباشر خاصة بالنسبة للأشخاص المبتدئين في تعلم CSS
–CSS هي لغة تصميم تهتم بالخطوط و الالوان و صورة الموقع و اشياء اخرى كثيرة كما انها تضاف لل HTML من اجل تنسيق عرض المحتوى و هي اختصار لكلمة Cascading Style Sheets

10 - BuiltWith Technology Profiler
تستخدم ملفات التعريق BuiltWith للتحقق من نوع التكنولوجا التي بني بها موقع على شبكة الانترنت.
بمجرد النقر على الأيقونة في شريط كروم، سوف تنبثق نافذة ستمكنك من رؤية كل التقنيات المختلفة التي يستخدمها الموقع على شبكة الانترنت مثل خادم الويب،

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

التصنيفات

المزيد من هذا الكاتب

مواضيع ذات صلة

الأكثر اعجابا

التصنيفات

المزيد من هذا الكاتب

مواضيع ذات صلة

الأكثر اعجابا

فك الثريد