فايرفوكس لمصممى المواقع !

الان العالم فى تطور مستمر واصبحت المتصفحات تشكل اهميه كبيرة بالنسبه للمتصفحين على شبكات الانترنت 

وكذلك مصممى ومتطورى المواقع

ولذلك يتوفر لدى متصفح الفايرفوكس اضافات تجعل حياة مصممى المواقع اسهل .
وتساعدة على انهاء عمله بسهوله ويسر 

1- “كولور زيلا” ColorZilla :

تتيح هذه الإضافة ثلاث طرق في اختيار الألوان، حيث يمكن للمستخدم اختيار الألوان عن طريق لوحة انتقاء الألوان التي تحوي على تدرجات الألوان من الأسود إلى الأبيض، أو عن طريق أداة “آي دروبر” Eyedropper التي ومن خلال وضعها على أي مكان في صفحة الويب تعطينا لون العنصر الموضوعة فوقه، وأخيراً عن طريق قائمة الألوان، كما يمكن عن طريق هذه الإضافة ادخال رمز اللون بالهيكسا ديسيمال أو عن طريق وضع درجات اللون “إش إس ڤي”، يمكن أيضاً إضافة لون معين إلى المفضلة وحفظه بأي اسم يرغبه المستخدم.

اضغط هنا لاضافه

2- “بينسل” Pencil :

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

اضغط هنا لاضافه

 3- “ميجرليت” Measurlet :

إضافة “ميجرليت” من أهم الإضافات في عالم التصميم، لأنها تمكن المستخدم من الحصول على قياسات أي منطقة يقوم بتحديدها، وهو مايسمح بإنشاء تصميم متجانس 100%، وكل مايحتاجه المستخدم هو الضغط على أيقونة المسطرة الموجودة بعد شريط العنوان ثم تحديد المنطقة.

اضغط هنا لاضافه

4-  “ستايلش” Stylish :

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

اضغط هنا لاضافه

5- “ڤيو سورس تشارت” View Source Chart :

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

6- “إتش تي إم إل ڤاليديتور” HTML Validator :

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

اضغط هنا لاضافه

7- “فونت فايندر” Font Finder :

مع قدوم مفهوم الويب 2.0 والويب  2.5 أصبحت تصميمات المواقع تعتمد على الألوان والخطوط أكثر من الصور وعروض فلاش، تتيح هذه الإضافة إمكانية التعرّف على أي خط موجود في أي موقع، حيث ومن خلال تحديد الكلمة التي نرغب بمعرفة خطها ومن ثم نضغط الزر الأيمن ونختار من القائمة “فونت فايندر” ومن ثم Analyze Selection فيظهر لنا نافذة تحوي جميع الملعومات المتعلقة بالكلمة مثل نوع الخط، اللون، الحجم والتنسيقات المطبقة عليها.

اضغط هنا لاضافه

8- “سي إس إس يوسيج” CSS Usage :

بعد الإنتهاء من التصميم وتكويد التصميم، تأتي مهمة فحص ملفات “سي إس إس” للتأكد من سلامتها وعدم وجود أي عناصر مكررة أو لاعمل لها من أجل تحسين سرعة عرض الموقع، تتيح هذه الإضافة القيام بهذه المهمة حيث تقوم بتحديد العناصر الغير مستخدمة داخل الملف ليقوم المصمم بحذفها.

اضغط هنا لاضافه

Tweet

تنبيه : أرجو عدم نسخ المحتوى بدون ذكر المصدر و السلام

بقلم المطورون العرب

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

تعليقك يساعدنا على المواصلة و يدعمنا نفسيا فلا تبخل علينا برأيك

قسم : أخبار النت,برامج و شروحات