في هذه السلسلة #ثريد راح أستعرض بعض إضافات Google chrome اللي راح تساعدك كمطور أو مصمم واجهات أثناء عملك
WhatFont
اضافة تساعدك على معرفة معلومات اي خط مستخدم بالصفحة بالإضافة الى الCSS الخاص بها
رابط الإضافة
chrome.google.com
اضافة تساعدك على معرفة معلومات اي خط مستخدم بالصفحة بالإضافة الى الCSS الخاص بها
رابط الإضافة
chrome.google.com
ResponsiveViewer
اذا انت شخص ناوي تطور صفحات متجاوبة Responsive فهذه الأداة مصممة لك ، تساعدك على رؤية الصفحة على اكثر من شاشة بمقاسات مختلفة بنفس الوقت ، و أيضاً بإمكانك عمل ScreenShot لكامل الصفحة لأي شاشة بضغطة زر واحدة
رابط الإضافة
chrome.google.com
اذا انت شخص ناوي تطور صفحات متجاوبة Responsive فهذه الأداة مصممة لك ، تساعدك على رؤية الصفحة على اكثر من شاشة بمقاسات مختلفة بنفس الوقت ، و أيضاً بإمكانك عمل ScreenShot لكامل الصفحة لأي شاشة بضغطة زر واحدة
رابط الإضافة
chrome.google.com
SVG Gobbler
اضافة تستعرض كل الصور اللي صيغتها SVG بصفحة منفصلة مع امكانية تنزيل كل صورة بجودة عالية
رابط الإضافة
chrome.google.com
اضافة تستعرض كل الصور اللي صيغتها SVG بصفحة منفصلة مع امكانية تنزيل كل صورة بجودة عالية
رابط الإضافة
chrome.google.com
Dimensions
تمكنك من قياس الأبعاد بين اي عناصر بالصفحة تحتاج معرفة الأبعاد بينهم
رابط الإضافة
chrome.google.com
تمكنك من قياس الأبعاد بين اي عناصر بالصفحة تحتاج معرفة الأبعاد بينهم
رابط الإضافة
chrome.google.com
ColorPick Eyedropper
اكيد قد شفت احد الألوان بأحد المواقع و اعجبتك درجة اللون المستخدمة ، هذه الإضافة راح تساعدك على معرفة درجة و كود أي لون تحتاجه
رابط الإضافة
chrome.google.com
اكيد قد شفت احد الألوان بأحد المواقع و اعجبتك درجة اللون المستخدمة ، هذه الإضافة راح تساعدك على معرفة درجة و كود أي لون تحتاجه
رابط الإضافة
chrome.google.com
WebDeveloper
هذي الإضافة عظيمة للمطورين تمكنك من التعامل مع جميع عناصر الصفحة و رؤية تفاصيلها بطرق كثيرة و عدّة لا يمكن حصرها هنا ،لذلك بحاول اذكر بعضها:
- تمكنك من رؤية ترتيب الـDivs بالصفحة و ابعاد كل Div
- امكانية رؤية الستايل الخاص بكل عنصر
يتبع
هذي الإضافة عظيمة للمطورين تمكنك من التعامل مع جميع عناصر الصفحة و رؤية تفاصيلها بطرق كثيرة و عدّة لا يمكن حصرها هنا ،لذلك بحاول اذكر بعضها:
- تمكنك من رؤية ترتيب الـDivs بالصفحة و ابعاد كل Div
- امكانية رؤية الستايل الخاص بكل عنصر
يتبع
- امكانية رؤية ملف الـCSS و التعديل عليه و رؤية النتائج مباشرة
- معرفة ترتيب طبقات العناصر ( Z-index )
- استعراض جميع الألوان بإكوادها بصفحة منفصلة
- استعراض جميع الصور بكافة صيغها بصفحة منفصلة و إظهار رابط الصورة او مصدرها
رابط الاضافة:
chrome.google.com
- معرفة ترتيب طبقات العناصر ( Z-index )
- استعراض جميع الألوان بإكوادها بصفحة منفصلة
- استعراض جميع الصور بكافة صيغها بصفحة منفصلة و إظهار رابط الصورة او مصدرها
رابط الاضافة:
chrome.google.com
جاري تحميل الاقتراحات...