عاسف المهرة
29-04-2010, 02:35 AM
1. Firebug (https://addons.mozilla.org/en-US/firefox/addon/1843)
تعتبر واحدة من افضل الاضافات التى افضل استخدامها وهى تقوم بعرض تنسيق Css لصفحة الويب التى تقوم باستعراضها كما يمكنك تغير هذه القيم ومشاهدة التغير ديناميكيا وهو مفيد جداً للمصممين وكذلك من يقومون بتعريب القوالب مثلى فهو يمكنك من تحرير ومعالجة ومشاهدة CSS and HTML والجافا سكريبت لاى صفحة ويب .
http://www.wparabia.com/wp-content/uploads/2010/03/firefox1-300x136.jpg
http://www.wparabia.com/wp-content/uploads/2010/03/firefox2-300x136.jpg
http://www.wparabia.com/wp-content/uploads/2010/03/firefox3-300x136.jpg
2. Web Developer (https://addons.mozilla.org/en-US/firefox/addon/60)
وتزودك اضافة Web Developer بقائمة وشريط ادوات يحتاجها معظم مطورين الويب فتستطيع تعطيل الجافا – css – الصور والمزيد موقع مطور الاضافة .
(http://chrispederick.com/work/web-developer/)
http://www.wparabia.com/wp-content/uploads/2010/03/developerplugin-300x183.png
3. Window Resizer (https://addons.mozilla.org/en-US/firefox/addon/1985)
وتقوم هذه الاضافة باعادة ججم نافذة مستعرض الويب Window Resizer وهى مفيدة لاختبار الموقع على اكثر من حجم للشاشة وهى تدعم Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.
http://www.wparabia.com/wp-content/uploads/2010/03/resizewindows.jpg
4. IE Tab (https://addons.mozilla.org/en-US/firefox/addon/1419)
وتعتبر اضافة IE Tab للفايرفوكس اداة قوية للمطورين فمن خلال ضغطه واحدة تستطيع مشاهدة صفحة الانترنت على الانترنت اكسبلور والرجوع مرة اخرى إلى الفايرفوكس [ يجب ان يكون لديك انترنت اكسبلور مثبت على جهازك ] .
http://www.wparabia.com/wp-content/uploads/2010/03/ietab.jpg
5. ColorZilla 2.0.2 (https://addons.mozilla.org/en-US/firefox/addon/271)
تستطيع من خلال هذه الاضافة معرفة لون اى نقطة فى المتصفح وتقوم بنسخه ولصقه فى اى برنامج، مع امكانية تكبير الصفحة التى تشاهدها وكذلك قياس المسافة بين اى نقطتين على الشاشة وحفظ الالوان التى تريدها فى لوحة الالوان الخاصة بالاضافة .
http://www.wparabia.com/wp-content/uploads/2010/03/colorzila.jpg
6. Total Validator (https://addons.mozilla.org/en-US/firefox/addon/2318)
واضافة Total Validator تقوم بالتحقق من كود HTML وانه تم كتابته بطريقة صحيحة وكذلك اخذ لقطة من الشاشة .
http://www.wparabia.com/wp-content/uploads/2010/03/totalvalidation.jpg
7. FireShot (https://addons.mozilla.org/en-US/firefox/addon/5648)
وتقوم هذه الاضافة باخذ لقطة للشاشة [كل الصفحة أو جزء من الصفحة ]، وعلى عكس الكثير من اضافات الفايرفوكس تزودك هذه الاضافة بادوات التحرير والشرح فهى تسمح للمستخدمين بالتعديل فى اللقطة التى تم اخذها بسرعة وادراج النصوص بها وهى مفيدة كثيراً للمصممين ومن يقوم بكتابة دروس تعليمية، ويمكنك حفظ الصورة بالامتدادات التالية (PNG, GIF, JPEG, BMP) وطابعتها وارسالها بواسطة البريد الالكترونى .
هذه الاضافة يمكن اضافتها للانترنت اكسبلور قم بالذهاب الى الرابط التالى وتحميل الاضافة للانترنت اكسبلور (http://screenshot-program.com/fireshot/).
http://www.wparabia.com/wp-content/uploads/2010/03/fireshot.gif
8. YSlow (https://addons.mozilla.org/en-US/firefox/addon/5369)
وتقوم اضافة YSlow بتحليل صفحة الويب، والسبب فى انها بطيئة معتمدة على قواعد الياهو Yahoo!’s rules وتقوم باقتراح سبل تحسن الاداء على اساس مجموعة من القواعد لصفحات الويب عالية الاداء وعرض احصائيات عن الصفحة .
http://www.wparabia.com/wp-content/uploads/2010/03/yslow.jpg
9. FireFTP (https://addons.mozilla.org/en-US/firefox/addon/684)
اضافة FireFTP للفايرفوكس وهى تسمح لك بنقل ملفاتك الى موقعك بسرعة كما انها تتضمن مميزات أكثر تقدماً مقارنة الدليل والبحث والسحب والاسقاط للملفات .
http://www.wparabia.com/wp-content/uploads/2010/03/fireftp.jpg
10. Font Finder (https://addons.mozilla.org/en-US/firefox/addon/4415)
وهى تقوم بعرض CSS الخاص بالنص الذى تم تحديده فى متصفح الفايرفوكس .
http://www.wparabia.com/wp-content/uploads/2010/03/fontfinder.jpg
تعتبر واحدة من افضل الاضافات التى افضل استخدامها وهى تقوم بعرض تنسيق Css لصفحة الويب التى تقوم باستعراضها كما يمكنك تغير هذه القيم ومشاهدة التغير ديناميكيا وهو مفيد جداً للمصممين وكذلك من يقومون بتعريب القوالب مثلى فهو يمكنك من تحرير ومعالجة ومشاهدة CSS and HTML والجافا سكريبت لاى صفحة ويب .
http://www.wparabia.com/wp-content/uploads/2010/03/firefox1-300x136.jpg
http://www.wparabia.com/wp-content/uploads/2010/03/firefox2-300x136.jpg
http://www.wparabia.com/wp-content/uploads/2010/03/firefox3-300x136.jpg
2. Web Developer (https://addons.mozilla.org/en-US/firefox/addon/60)
وتزودك اضافة Web Developer بقائمة وشريط ادوات يحتاجها معظم مطورين الويب فتستطيع تعطيل الجافا – css – الصور والمزيد موقع مطور الاضافة .
(http://chrispederick.com/work/web-developer/)
http://www.wparabia.com/wp-content/uploads/2010/03/developerplugin-300x183.png
3. Window Resizer (https://addons.mozilla.org/en-US/firefox/addon/1985)
وتقوم هذه الاضافة باعادة ججم نافذة مستعرض الويب Window Resizer وهى مفيدة لاختبار الموقع على اكثر من حجم للشاشة وهى تدعم Supports the 640×480, 800×600, 1024×768, 1280×800, 1280×1024, 1600×1200 resolutions.
http://www.wparabia.com/wp-content/uploads/2010/03/resizewindows.jpg
4. IE Tab (https://addons.mozilla.org/en-US/firefox/addon/1419)
وتعتبر اضافة IE Tab للفايرفوكس اداة قوية للمطورين فمن خلال ضغطه واحدة تستطيع مشاهدة صفحة الانترنت على الانترنت اكسبلور والرجوع مرة اخرى إلى الفايرفوكس [ يجب ان يكون لديك انترنت اكسبلور مثبت على جهازك ] .
http://www.wparabia.com/wp-content/uploads/2010/03/ietab.jpg
5. ColorZilla 2.0.2 (https://addons.mozilla.org/en-US/firefox/addon/271)
تستطيع من خلال هذه الاضافة معرفة لون اى نقطة فى المتصفح وتقوم بنسخه ولصقه فى اى برنامج، مع امكانية تكبير الصفحة التى تشاهدها وكذلك قياس المسافة بين اى نقطتين على الشاشة وحفظ الالوان التى تريدها فى لوحة الالوان الخاصة بالاضافة .
http://www.wparabia.com/wp-content/uploads/2010/03/colorzila.jpg
6. Total Validator (https://addons.mozilla.org/en-US/firefox/addon/2318)
واضافة Total Validator تقوم بالتحقق من كود HTML وانه تم كتابته بطريقة صحيحة وكذلك اخذ لقطة من الشاشة .
http://www.wparabia.com/wp-content/uploads/2010/03/totalvalidation.jpg
7. FireShot (https://addons.mozilla.org/en-US/firefox/addon/5648)
وتقوم هذه الاضافة باخذ لقطة للشاشة [كل الصفحة أو جزء من الصفحة ]، وعلى عكس الكثير من اضافات الفايرفوكس تزودك هذه الاضافة بادوات التحرير والشرح فهى تسمح للمستخدمين بالتعديل فى اللقطة التى تم اخذها بسرعة وادراج النصوص بها وهى مفيدة كثيراً للمصممين ومن يقوم بكتابة دروس تعليمية، ويمكنك حفظ الصورة بالامتدادات التالية (PNG, GIF, JPEG, BMP) وطابعتها وارسالها بواسطة البريد الالكترونى .
هذه الاضافة يمكن اضافتها للانترنت اكسبلور قم بالذهاب الى الرابط التالى وتحميل الاضافة للانترنت اكسبلور (http://screenshot-program.com/fireshot/).
http://www.wparabia.com/wp-content/uploads/2010/03/fireshot.gif
8. YSlow (https://addons.mozilla.org/en-US/firefox/addon/5369)
وتقوم اضافة YSlow بتحليل صفحة الويب، والسبب فى انها بطيئة معتمدة على قواعد الياهو Yahoo!’s rules وتقوم باقتراح سبل تحسن الاداء على اساس مجموعة من القواعد لصفحات الويب عالية الاداء وعرض احصائيات عن الصفحة .
http://www.wparabia.com/wp-content/uploads/2010/03/yslow.jpg
9. FireFTP (https://addons.mozilla.org/en-US/firefox/addon/684)
اضافة FireFTP للفايرفوكس وهى تسمح لك بنقل ملفاتك الى موقعك بسرعة كما انها تتضمن مميزات أكثر تقدماً مقارنة الدليل والبحث والسحب والاسقاط للملفات .
http://www.wparabia.com/wp-content/uploads/2010/03/fireftp.jpg
10. Font Finder (https://addons.mozilla.org/en-US/firefox/addon/4415)
وهى تقوم بعرض CSS الخاص بالنص الذى تم تحديده فى متصفح الفايرفوكس .
http://www.wparabia.com/wp-content/uploads/2010/03/fontfinder.jpg