إضافات مهمه جدا لمصممي المواقع والمطورين / الجزء الأول


#1

إذا كنت مصمم مواقع او مطور

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

لكن, يمكنك البحث باسم الاضافه فى متجر متصفح الفايرفوكس وستجدها ايضا هناك.

هذه الاضافات لا غنى عنها فهي تجعل امور تصميم وتطوير مواقع الانترنت اكثر سهوله ومرونه, وسأحاول فى هذه التدوينه جمع كل الاضافات الموجوده على الانترنت والتي تدعم مصممي المواقع.

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

1- إضافة Page Ruler

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

2- إضافة Color Zilla

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

3- إضافة Awesome-Screenshot

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

4- إضافة whatfont

هذه الاضافه تمكنك من معرفة نوع خط لا تعرف نوعه حيث يكتب لك اسم الخط الذي يستعمله اي موقع فيمكنك من البحث عن الخط ووضعه في موقعك بسهوله.

5- إضافة Image-Downloader

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

6- إضافة evernote-web-clipper

اضافه رائعه تمكنك من اخذ سكرين شوت للمتصفح وعمل اسهم وعلامات للشرح وهي تشبه الاضافه السابق ذكرها.

7- إضافة stylebot

تمكنك هذه الاضافه من تغيير حجم ولون ونوع الخط فى موقع معين على المتصفح.

8- إضافة resolution-test

اضافه مهمه ورائعه تمكنك من تجربة موقعك ومعرفة مدى تجاوب موقعك مع الشاشات المختلفه.

9- إضافة firebug-lite

اداه مهمه جدا وتشبه الانسبكت او الكونسول فى المتصفحات لتمكنك من تعديل الكود على الموقع وهو مفتوح فى المتصفح ولكن هذه الاداه بها خصائص كثيره واعمق من الافتراضيه الموجوده بالمتصفحات ومنظمه اكثر.

10- إضافة Corporate Ipsum

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

من وجهة نظرك ما هي أهم إضافة؟

وهل هناك إضافات أخرى تراها مناسبة لمصممي ومطوري المواقع؟
شاركنا الإضافات في التعليقات

مواضيع قد تهمك:


إضافات مهمه جدا لمصممي المواقع والمطورين / الجزء الثاني
إنفوجرافيك - إستخدم جوجل كمحترف
#2

شكرا على الموضوع
نبيلة اطلعي على هذا المنشور @Nabila


#3

جميل جدا
:heartbeat::heartbeat::heartbeat:


#4

جميل جدا شكرا


#5

من الاضافات التي احبها ولا استغني عنها هي
https://www.wappalyzer.com
فهي تقوم باعطائي التقنيات المستعملة في المواقع التي ازورها


#6

أدوات رائعة جدا،، شكرا جزيلا :slightly_smiling_face::slightly_smiling_face::slightly_smiling_face:


#7

بتفيد ب ايه لما بعرف


#8

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


#9

تمااااااام شكرا ليك :slight_smile: :slight_smile: بالتوفيق يا رب


#10

شكرا على الموضوع


#11

#12

أرجو إضافتها إلى الموضوع الأساسي من أجل الاستفادة القصوى لقارئ المقال

ولك ولصاحب الموضوع جزيل الشكر :rose:


#13

العفو أخي، وقد تم إضافتها إلى الموضوع سابقا، تجدها في آخر الموضوع


#14

أخي تعقيباً على كلامك
بدي اسألك بخصوص (دجانقو) هل هي لغة برمجة مستقلة أم مجرد اسم ؟
والسؤال الأهم ماهو معنى دجانقو عمليأ ومالمقصود به؟؟


#15

دجانغو أو Django هو عبارة عن إطار عمل أي Framework لبناء Web Applications بلغة بايثون
ونحن حاليا في قسم الworkshops نقوم بعمل ورشة حول تعلم هذا الــFramework


#16

أشكرك أخي على التوضيح :rose:


#17

من أكثر الموضوعات التي أبحث عنها …
مشكور على المجهود…


#18

السلام عليكم
أود الإستفسار عن عدم إمكانيتي التعديل على هذا المقال ؟
@YaserAlnajjar - @Alhakem


#19

قمت بتعديل الصلاحيات بدلاً مما كانت شهر واحد مسموح لتعديل المنشور, الآن أصبحت ثلاثة أشهر…

بعد انتهاء الثلاثة أشهر, يفضل كتابة موضوع جديد بحلة جديدة :wink:


#20

thanks very much