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


#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