اذهب الي المحتوي
أحلى نادي لأحلى أعضاء
البحث في
  • المزيد من الخيارات...
عرض النتائج التي تحتوي على:
إيجاد النتائج في:

مجموعة عامة  ·  9231 اعضاء

نادي الفهلوى ديزاين للإبداع
mr.mohamed

إضافات لمصممي المواقع في فايرفوكس

Recommended Posts


باتت المتصفحات اليوم أحد أهم التطبيقات إن لم تكن التطبيق الوحيد الذي
نستخدمه بشكل يومي وأحياناً ليوم كامل دون غيره، وتعود هذه الأهمية إلى
نظام الإضافات التي يوفّره كل متصفح، حيث أصبح المتصفح مع الإضافات مثل
نظام تشغيل كامل، تماماً مثل فكرة شركة جوجل في نظام كروم للحواسب.
يتوفّر لمتصفح فايرفوكس إضافات تجعل حياة مصممي المواقع
أسهل وأسرع، حيث تتوفر إضافات تتعلق بالألوان، إنشاء مخططات لتصميم صفحات
الويب، القياسات وغيرها من الوظائف الروتينية التي يقوم بها مصممي المواقع
في كل مرة.
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 :


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

شارك هذه المشاركه


رابط المشاركه
شارك

تســــــــــــــــ مجهود مميز شكراااااااااااااا لك ــــــــــــــــلم ايدك
في انتظار القادم الجديد والمميز منك
تحياتى وتقديرى لعطائك الغير محدود

شارك هذه المشاركه


رابط المشاركه
شارك



الله يـع’ـــطــيكم الع’ــاأإأفــيه ..
.. بنتظـأإأإأر ج’ـــديــــدكم الممـــيز ..
.. تقــبل ــو م’ـــروري ..
كل أإألــــ ود وباأإأإقــة ورد ...

شارك هذه المشاركه


رابط المشاركه
شارك


شكرا لكى على مرورك الجميل
نورتى موضوعى باطلالتك الرائعة
تحياتى وتقديرى لكى

شارك هذه المشاركه


رابط المشاركه
شارك

انشئ حساب جديد او قم بتسجيل دخولك لتتمكن من اضافه تعليق جديد

يجب ان تكون عضوا لدينا لتتمكن من التعليق

انشئ حساب جديد

سجل حسابك الجديد لدينا في الموقع بمنتهي السهوله .

سجل حساب جديد

تسجيل دخول

هل تمتلك حساب بالفعل ؟ سجل دخولك من هنا.

سجل دخولك الان

×
×
  • اضف...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.