كثير من مصممي و مطوري الويب يواجهون بعض المشاكل و الصعوبات اثناء صناعة موقع او تطبيق ويب. يمكن ان تظهر هذه الصعوبات تحديدا في المتصفح اثناء عرض الموقع فمثلا اذا اردت رؤية كود معين ستظطر الى الظغط على f12 لاظهار قائمة inspect element و تقوم باختيار العنصر الذي يتواجد فيه اللون لتستطيع رؤيته. بسبب هذه المشاكل ظهرت بعض الاضافات هذه الاضافات تسهل عليك معظم اعمالك مثلا في حالة اعجبك لون يمكنك الاطلاع على كود ال HEX الخاص به بضغطة زر واحدة. نقدم لكم في هذا الموضوع 10 من اهم الاضافات لمتصفح جوجل كروم.
اضافة Marmoset :
واحدة من الاضافات الجميلة جدا تساعدك بعرض الكود الخاص بك بطريقة جميلة جدا و اخذ صورة له في حالة اذا اردت وضعه في احد مواضيعك او وضعه في احد عروضك.
هذا مثال على الإضافة :
اضافة Page Ruler :
تمكنك هذه الاضافة الرائعة بقياس حجم صفحة معينة في احد المواقع. فكل ما عليك فعله هو تحديد المكان الذي تريد قياس حجمه و سيظهر لك ال height و ال width الخاصين به .. الخ
اضافة Json Viewer :
ربما اضطررت في احد الايام الى التعامل مع البيانات بصيغة JSON و اضطررت الى عرضها على المتصفح الخاص بك لكن فوجئت بأن البيانات تعرض بطريقة غير مرتبة و لا يمكنك قرائتها. هذه الاضافة تقوم بتنسيق عرض هذه البيانات بطريقة اكثر جاذبية و قابلة للقراءة هي فعلا اضافة احترافية و ستساعدك كثيرا في عملك.
اضافة Wappalyzer :
اضافة لا غنى عنها و حتما ستعجبك و ستساعدك كثيرا. تقوم هذه الاضافة بتحديد التقنيات المتعملة في صناعة موقع الكتروني معين من لغات برمجة و مكاتب و فريمووركات … و تقوم بعرضها لك. كل ما عليك فعله هو الدخول الى احد المواقع و ستقوم الاضافة بعملها بطريقة اوتوماتيكية.
اضافة ColorZilla :
اضافة رائعة بحق ستختصر عليك الكثر من العمل و الوقت تمكنك من تحديد اي لون مستخدم في اي صفحة. يمكنك تحريك الماوس فوق اي عنصر في الصفح لتحديد لونه. تقدم لك الاضافة ايضا بعض الالوان و التدرجات اللونية التي قد ترغب بتجريبها في تصاميمك.
اضافة UX Check :
تساعدك هذه الاضافة في تحديد اخطاء و مشاكل ال UX او تجربة المستخدم في موقعك و تقدم لك بعض الحلول المقترحة لمعالجتها. حيث تعمل على معالجة صفحة الويب و تسليط الضوء على بعض الجوانب لتقترح عليك معالجتها.
اضافة WhatFont :
اضافة يتضح لنا دورها من خلال اسمها حيث تساعدك هذه الاضافة في معرفة نوع الخط المستعمل في اي صفحة ويب فقط من خلال تمرير الماوس فوق الجملة و يقوم كذلك بالكشف عن الخدمات التي تم استخدامها لخدمة الخطوط المحددة.
اضافة EditThisCoockie :
تساعدك هذه الاضافة في عرض و تحرير و تعديل ملفات الكوكيز و التحقق منها على موقع معين. تمكنك هذه الاضافة من حماية ملفات الكوكيز و كذلك حظرها و تعديلها دفعة واحدة.
اضافة Lightshot :
تسمح لك هذه الاضافة بتصوير اي جزء من موقع معين و تسمح لك ايضا بتخصيص الصورة المأخوذة و اضافة تعليقات توضيحية عليها ثم اختيار حفظها على القرص الصلب او رفعها الى السيرفر و مشاركتها مع شخص اخر.
اضافة Full Page Screenshot :
تسمح لك هذه الاضافة بأخذ صورة لصفحة الويب كاملة عن طريق تصوير كل جزء منها و دمجهم مع بعض بطريقة اوتوماتيكية كما تمكنك ايضا من تصوير جزء فقط من الموقع و اختار الحفظ على جهازك الخاص او رفع الصورة الى السيرفر.
.--------------
التدوينة ضمن مسابقة حوحو لربح 500 دولار
اضافة Marmoset :
واحدة من الاضافات الجميلة جدا تساعدك بعرض الكود الخاص بك بطريقة جميلة جدا و اخذ صورة له في حالة اذا اردت وضعه في احد مواضيعك او وضعه في احد عروضك.
هذا مثال على الإضافة :
تمكنك هذه الاضافة الرائعة بقياس حجم صفحة معينة في احد المواقع. فكل ما عليك فعله هو تحديد المكان الذي تريد قياس حجمه و سيظهر لك ال height و ال width الخاصين به .. الخ
اضافة Json Viewer :
ربما اضطررت في احد الايام الى التعامل مع البيانات بصيغة JSON و اضطررت الى عرضها على المتصفح الخاص بك لكن فوجئت بأن البيانات تعرض بطريقة غير مرتبة و لا يمكنك قرائتها. هذه الاضافة تقوم بتنسيق عرض هذه البيانات بطريقة اكثر جاذبية و قابلة للقراءة هي فعلا اضافة احترافية و ستساعدك كثيرا في عملك.
اضافة Wappalyzer :
اضافة لا غنى عنها و حتما ستعجبك و ستساعدك كثيرا. تقوم هذه الاضافة بتحديد التقنيات المتعملة في صناعة موقع الكتروني معين من لغات برمجة و مكاتب و فريمووركات … و تقوم بعرضها لك. كل ما عليك فعله هو الدخول الى احد المواقع و ستقوم الاضافة بعملها بطريقة اوتوماتيكية.
اضافة ColorZilla :
اضافة رائعة بحق ستختصر عليك الكثر من العمل و الوقت تمكنك من تحديد اي لون مستخدم في اي صفحة. يمكنك تحريك الماوس فوق اي عنصر في الصفح لتحديد لونه. تقدم لك الاضافة ايضا بعض الالوان و التدرجات اللونية التي قد ترغب بتجريبها في تصاميمك.
اضافة UX Check :
تساعدك هذه الاضافة في تحديد اخطاء و مشاكل ال UX او تجربة المستخدم في موقعك و تقدم لك بعض الحلول المقترحة لمعالجتها. حيث تعمل على معالجة صفحة الويب و تسليط الضوء على بعض الجوانب لتقترح عليك معالجتها.
اضافة WhatFont :
اضافة يتضح لنا دورها من خلال اسمها حيث تساعدك هذه الاضافة في معرفة نوع الخط المستعمل في اي صفحة ويب فقط من خلال تمرير الماوس فوق الجملة و يقوم كذلك بالكشف عن الخدمات التي تم استخدامها لخدمة الخطوط المحددة.
اضافة EditThisCoockie :
تساعدك هذه الاضافة في عرض و تحرير و تعديل ملفات الكوكيز و التحقق منها على موقع معين. تمكنك هذه الاضافة من حماية ملفات الكوكيز و كذلك حظرها و تعديلها دفعة واحدة.
اضافة Lightshot :
تسمح لك هذه الاضافة بتصوير اي جزء من موقع معين و تسمح لك ايضا بتخصيص الصورة المأخوذة و اضافة تعليقات توضيحية عليها ثم اختيار حفظها على القرص الصلب او رفعها الى السيرفر و مشاركتها مع شخص اخر.
اضافة Full Page Screenshot :
تسمح لك هذه الاضافة بأخذ صورة لصفحة الويب كاملة عن طريق تصوير كل جزء منها و دمجهم مع بعض بطريقة اوتوماتيكية كما تمكنك ايضا من تصوير جزء فقط من الموقع و اختار الحفظ على جهازك الخاص او رفع الصورة الى السيرفر.
.--------------
التدوينة ضمن مسابقة حوحو لربح 500 دولار
from حوحو للمعلوميات https://ift.tt/2Mq99yQ
via IFTTT
0 التعليقات:
إرسال تعليق