-->

افضل 20 موقع مفيد للمصممين والمطورين

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

ادوات بناء المواقع

1-موقع IconFinder للبحث عن الأيقونات المجانية
الأيقونات من اهم المتطلبات التي يحتاجها مطور مواقع الانترنت او صاحب المدونة للتعبير عن الروابط المختلفة ، مثل ايقونة صفحة الفيسبوك أو تويتر ، وكذلك يمكن استخدام الأيقونات داخل المواضع للتعبير عن بعض الأجزاء والعناوين ، هذا الموقع يقدم منصة بحث عن أي ايقونة تريد ، ستجد نوع الترخصي لكل ايقونة في الجانب الأيسر داخل صفحة الأيقونةiconfinder.com
2-تصميم صورة رمز الموقع الصغيرة ( favicon.ico )
يوفر لك هذا الموقع ادوات بسيطة لتقوم بتصميم الرمز الخاص بموقعك ،، صورة رمز الموقع هي عبارة عن صورة صغيرة من نوع خاص تسمى ( favicon.ico ) ، تظهر هذه الصورة في رأس برنامج المتصفح قبل اسم الموقع الخاص بك عندما يقوم الزائر بتصفحه ، وهي في الغالب تعبر عن توجه الموقع او نوعية المحتوى الذي يقدمه أو الخدمة المقدمة.
يقدم الموقع لوحة كبيرة فيها مربعات ، كل مربع بمثابة نقطة صغيرة في صورة الرمز الذي سوف يتم تصميمه ، يمكنك الرسم على هذه المربعات ببساطه أو يمكنك تحميل صورة ( Import Image ) ليتم تحويلها إلى صورة مصغرة تظهر امامك في المربعات الصغيرة للتعديل عليها ان احببت . بعد الانتهاء من تصميم واعداد الصورة المصغرة ، انقر على ( Download Favicon ) لتحصل على الصورة.favicon.cc
3-صانع أكواد الـ CSS3
إن التقنية الجديدة ( CSS3 ) فتحت ابواب الابداع لتصميم صفحات انترنت جذابه وسلسه ، فمن خلالها يمكن انشاء مربعات ذات صناديق دائرية ويمكن وضع ظل على الكائنات والنصوص ويمكن انشاء مؤثرات انتقالية عند تحريك المؤشر على بعض الأجزاء ، وغيرها من الاستخدامات ،، هذا الموقع يسهل لك عملية تصميم اكواد CSS3 وتعلمها في نفس الوقت ،، قم باختيار ماتود انشائه من القائمة وعدل الخيارات وشاهد المثال وبعد ذلك يمكنك نسخ الكود ونقله إلى ملف تصميم موقعك css3generator.com
4-صانع أكواد التدرجات اللونية بواسطة CSS3
من الخصائص التي قدمتها النسخة الثالثة من CSS ، هي انه يمكن انشاء تدرجات لونية ووضعها في الخلفية من دون صور ، هذا الموقع يسهل العملية بشكل كبير ، فهو يقدم لوحة شبيهة بالتي في برنامج الفوتوشوب ، يحدد المستخدم التدرج اللوني المطلوب أو يختار من بين التدرجات الجميلة الموجودة مسبقاً في الموقع ومن ثم يحصل على الكود جاهزاً.colorzilla.com
5-تصميم الأزرار بواسطة CSS
يقوم الموقع بانشاء الكود الخاص بتصميم الازرار في المواقع ( Button ) ، يقدم لوحة سلسة لاختيار الألوان والأحجام وبقية الخصائص مع تقديم عرض حي للشكل النهائي وعند الانتهاء من التعديل ، يحصل المستخدم على الكود جاهزاًcssbuttongenerator.com
6-صانع القوائم بواسطة CSS
يقدم لك الموقع عدة قوالب جاهزة مصصمة بواسطة CSS للقوائم التي يمكن تركيبها أعلى الموقع أو في الجانب التي تستخدم لإدراج روابط أقسام الموقع ، يمكنك تحميل الكود ثم تركيبه في موقعكcssmenumaker.com
7-تنظيم وتنظيف أكواد CSS
يقوم الموقع بتنظيم كود CSS الخاص بتصميم صفحات الانترنت ، يمكنك لصق الكود مباشرة في المربع المخصص أو تحديد رابط لملف الكود ليتم معالجتهcodebeautifier.com
8-بناء النماذج بأسهل طريقة
النماذج ( Forms ) تستخدم للتفاعل مع الزوار ، على سبيل المثال: نموذج تسجيل الدخول وادخال البيانات ونماذج استطلاعات الرأي، وغيرها ، عبر هذا الموقع ستقوم بتصميم وتنسيق النماذج كما في برنامج معالجة النصوص ، 
 وفي الأخير تحصل على الكودjotform.com

ادوات الألوان

تعريف: المخطط اللوني ( color scheme ) هو مجموعة من الألوان المتناسقة مع بضعها البعض ، تستخدم في تصميم صفحات الانترنت ، مثل ان تكون الخلفية بلون معين والنص بلون والروابط بلون آخر ، بحيث تكون الألوان متناسقة مع بعضها البعض من أجل اخراج صفحات انترنت جميلة وجذابه ، هنالك مواقع يمكن من خلالها مشاهدة عدة مخططات لونية ليختار المصصم منها ما يناسبه ، سنذكر هنا أهم تلك المواقع:
9-Adobe Kuler : الحصول على مخططات لونية
يمكنك من خلال هذا الموقع مشاهدة المخططات اللونية التي اضافها المستخدمون والتعديل عليها مباشرة من الموقع بما يناسبك باستخدام واجهة سهلة ومرنة وجذابه، ستجد الكثير من المخططات اللونة الجذابه والأنيقة والتي شكّلها أشخاص مبدعون من مختلف انحاء العالمcolor.adobe.com
10- ColorSchemer : الحصول على مخططات لونية
مثل الموقع السابق ، لكن لا يوجد به لوحة لتعديل المخططات اللونية ،، يمكنك استعراض وتحميل المخططات اللونية بصيغة ( CS ) أو التسجيل ورفع المخططات اللونية الخاصة بك لتشاركها مع الآخرينcolorschemer.com/schemes
11- ColorBlender : انشاء المخططات اللونية
لا يقدم الموقع خدمة مشاركة المخططات اللونية مع الآخرين ، لكنه يقدم لوحة لتنسيق الخطوط وتضبيط التدرج اللوني لإنشاء مخطط لوني مكون من ستة ألوان متناسقة مع بعضها البعض.colorblender.com
12- Contrast-A : لون النص ولون الخلفية
يقدم لك الموقع أداة بسيطة وسلسة تساعدك على اختيار لون النص ولون الخلفية وتجرب عدة مرات وتشاهد مثال واقعي على تجاربك ، بهدف الحصول على أفضل تركيبه.dasplankton.de/ContrastA
13- sphere : استخدام الألوان المتقاربة
لوحة ألوان سلسة الاستخدام لتشكيل مجموعة من الألوان المتجانسة والمتقاربة كيفما يريد المستخدم
لاستخدامها في التصميم mudcu.be/sphere
14- pictaculous : استخراج الألوان من صورة على الجهاز
قم برفع صورة من على جهازك إلى هذا الموقع ليقوم بعرض المخطط اللوني الكامل لهذه الصورة ،، يمكنك بعد ذلك نسخ الأكواد الخاصة بكل لون ، كما يعطيك مخططات لونية مقاربة للمخط اللوني المستخرج عبر موقع ( KULER ) 15- ColourGrab : استخراج الألوان من صورة على الانترنت
مشابه للموقع السابق لكن الصورة يتم سحبها من على صفحات الانترنت وليس من داخل جهاز المستخدم colourgrab.com
أما بقية المواقع فهي تقدم خدمات مختلفة في مجال الألوان والتصميم ، سأدعك تستكشفها بنفسك
20-  colr.org

ليست هناك تعليقات :

إرسال تعليق

=a= =b= =c= =d= =e= =f= =g= =h= =j= =k= =l= =m= =n= =o= =p= =q= =w= =x= =y= =z=