مجموعة من الاضافات المهمة التي تفيدك في مجال تصميم وتطوير المواقع مع شرح عملها

يواجه العديد من مصممي ومطوري الويب بعض المشكلات والصعوبات أثناء إنشاء موقع ويب أو تطبيق ويب. يمكن أن تظهر هذه الصعوبات على وجه التحديد في المتصفح أثناء عرض الموقع. على سبيل المثال ، إذا كنت تريد رؤية رمز معين ، فسيتعين عليك الضغط على f12 لإظهار عنصر الفحص واختيار العنصر الذي يوجد به اللون لتتمكن من رؤيته. وبسبب هذه المشاكل ظهرت بعض الإضافات. تسهل هذه الإضافات عليك القيام بمعظم عملك ، على سبيل المثال ، إذا كنت تحب اللون ، فيمكنك عرض كود HEX الخاص به بنقرة زر واحدة. في هذا الموضوع نقدم لكم 10 من أهم ملحقات متصفح جوجل كروم.
مجموعة من الاضافات المهمة التي تفيدك في مجال تصميم وتطوير المواقع مع شرح عملها
________________________________
اضافة Marmoset :
واحدة من الاضافات الجميلة جدا تساعدك بعرض الكود الخاص بك بطريقة جميلة جدا و اخذ صورة له في حالة اذا اردت وضعه في احد مواضيعك او وضعه في احد عروضك.
هذا مثال على الإضافة :

 

________________________________

 

اضافة Json Viewer :
ربما اضطررت في احد الايام الى التعامل مع البيانات بصيغة JSON و اضطررت الى عرضها على المتصفح الخاص بك لكن فوجئت بأن البيانات تعرض بطريقة غير مرتبة و لا يمكنك قرائتها. هذه الاضافة تقوم بتنسيق عرض هذه البيانات بطريقة اكثر جاذبية و قابلة للقراءة هي فعلا اضافة احترافية و ستساعدك كثيرا في عملك.

___________________________

اضافة Wappalyzer :
اضافة لا غنى عنها و حتما ستعجبك و ستساعدك كثيرا. تقوم هذه الاضافة بتحديد التقنيات المتعملة في صناعة موقع الكتروني معين من لغات برمجة و مكاتب و فريمووركات … و تقوم بعرضها لك. كل ما عليك فعله هو الدخول الى احد المواقع و ستقوم الاضافة بعملها بطريقة اوتوماتيكية.

______________________________

اضافة ColorZilla :
اضافة رائعة بحق ستختصر عليك الكثر من العمل و الوقت تمكنك من تحديد اي لون مستخدم في اي صفحة. يمكنك تحريك الماوس فوق اي عنصر في الصفح لتحديد لونه. تقدم لك الاضافة ايضا بعض الالوان و التدرجات اللونية التي قد ترغب بتجريبها في تصاميمك.

_______________________________

اضافة UX Check :
تساعدك هذه الاضافة في تحديد اخطاء و مشاكل ال UX او تجربة المستخدم في موقعك و تقدم لك بعض الحلول المقترحة لمعالجتها. حيث تعمل على معالجة صفحة الويب و تسليط الضوء على بعض الجوانب لتقترح عليك معالجتها.

 

_____________________________

اضافة WhatFont :
اضافة يتضح لنا دورها من خلال اسمها حيث تساعدك هذه الاضافة في معرفة نوع الخط المستعمل في اي صفحة ويب فقط من خلال تمرير الماوس فوق الجملة و يقوم كذلك بالكشف عن الخدمات التي تم استخدامها لخدمة الخطوط المحددة.

_________________________

اضافة EditThisCoockie :
تساعدك هذه الاضافة في عرض و تحرير و تعديل ملفات الكوكيز و التحقق منها على موقع معين. تمكنك هذه الاضافة من حماية ملفات الكوكيز و كذلك حظرها و تعديلها دفعة واحدة.

_______________________________

 

اضافة Lightshot :
تسمح لك هذه الاضافة بتصوير اي جزء من موقع معين و تسمح لك ايضا بتخصيص الصورة المأخوذة و اضافة تعليقات توضيحية عليها ثم اختيار حفظها على القرص الصلب او رفعها الى السيرفر و مشاركتها مع شخص اخر.

___________________________

 

اضافة Full Page Screenshot :
تسمح لك هذه الاضافة بأخذ صورة لصفحة الويب كاملة عن طريق تصوير كل جزء منها و دمجهم مع بعض بطريقة اوتوماتيكية كما تمكنك ايضا من تصوير جزء فقط من الموقع و اختار الحفظ على جهازك الخاص او رفع الصورة الى السيرفر.