كيفية الربح من اليوتيوب و تجربتي في الربح من اليوتيوب

 

مصممي المواقع

في بعض الأحيان، عندما أحاول البحث عن مشكلة تخطيط في CSS لموقعي أو لمشروع ويب أعمل عليه، فكل ما أريده هو معرفة كل عنصر على الصفحة ومخطط توضيحي يبين لي المواضع والمواقع لهذه العناصر. كما أود عادة أن تكون جميع ألوان المخطط التفصيلي مختلفة لكل عنصر فيه لأفرق بينها، ففي بعض الأحيان أحتاج إلى تمييز الأشياء عن بعضها.

وهما ما وجدته وحصلت عليه مع إضافة أو ملحق متصفح كروم Pesticide Chrome extension، فهي مفيدة جدا وتسهل أعمالي أسرع بكثير بالنسبة لي من النقر فوق أدوات التطوير في المتصفح عند محاولة الكشف عن CSS الذي يسبب لي المشاكل.

لذا، أحببت أن أشارككم أعزائي في هذا المقال هذه الإضافة المميزة والمفيدة جدا لمطوري الويب ومصممي المواقع والتي تعمل كأداة ملحقة لمتصفح كروم.

تقوم هذه الأداة Chrome extension بإدراج كود CSS في الصفحة المعروضة بالمتصفح جوجل كروم، والذي يقوم بتحديد كل عنصر في الصفحة لرؤية المواضع لعناصر الصفحة بشكل أفضل وكذلك تحليل مكونات الضفحة كالألوان وغيرها.

باستخدام الأداة ستحدد لك التخطيط layout لأي صفحة وستساعدك في فهم تقسيم الhtml وتعرف أين الخلل عندك اثناء تطبيق CSS.

الإضافة Pesticide for Chrome (without hover bar) هي أداة CSS مفتوحة المصدر أنشأها Adam Morse ومتاحة للتنزيل، كما أنها متوفرة Fork على Github على الرابط : https://github.com/mrmrs/pesticide

إقرأ أيضا: أفضل أدوات تحسين محركات البحث SEO