بسم الله الرحمن الرحيم
السلام عليكم إخوتي الكرام زوارنا الأعزاء
هذه المواقع تعتبر المرجع الوحيد والشامل لأصحاب المواقع عندما يتعلق البحث بشيء معين جاهز كالصور والأيقونات والاأكواد والأزرار دون اللجوء على تصميمها بنفسه وذلك لكسب مدة من الوقت لأن الوقت مفيد جدا خاصة لأصحاب المواقع الكبرى .
وقد جمعت هذه المواقع للاستفادة من الخدمات المجانية التي تقدمها والتي ذكرتها بغاية الاهمية لكل مصمم أو مبرمج ويب ...
*************************************
1- موقع Icone Finder للبحث عن الأيقونات المجانية:
www.iconfinder.com
الأيقونات من أهم المتطلبات التي يحتاجها مطورو مواقع الانترنت أو صاحب المدونة للتعبير عن الروابط المختلفة ، مثل أيقونة صفحة الفيسبوك أو تويتر ،وكذلك يمكن استخدام الأيقونات داخل المواضع للتعبير عن بعض الأجزاء والعناوين ، هذا الموقع يقدم منصة بحث عن أي أيقونة تريد ، ستجد نوع الترخيص لكل أيقونة في الجانب الأيسر داخل صفحة الأيقونة .
*************************************
2- تصميم صورة رمز الموقع الصغيرة ( favicon.ico ) :
www.favicon.cc
يوفر لك هذا الموقع أدوات بسيطة لتقوم بتصميم الرمز الخاص بموقعك، صورة رمز الموقع هي عبارة عن صورة صغيرة من نوع خاص تسمى ( favicon.ico ) ، تظهر هذه الصورة في رأس برنامج المتصفح قبل اسم الموقع الخاص بك عندما يقوم الزائر بتصفحه، وهي في الغالب تعبر عن توجه الموقع أو نوعية المحتوى الذي يقدمه أو الخدمة المقدمة.
يقدم الموقع لوحة كبيرة فيها مربعات ، كل مربع بمثابة نقطة صغيرة في صورة الرمز الذي سوف يتم تصميمه ، يمكنك الرسم على هذه المربعات ببساطه أو يمكنك تحميل صورة ( Import Image ) ليتم تحويلها إلى صورة مصغرة تظهر أمامك في المربعات الصغيرة للتعديل عليها إن أحببت . بعد الانتهاء من تصميم وإعداد الصورة المصغرة ، انقر على ( Download Favicon ) لتحصل على الصورة .
*************************************
3- صانع أكواد الـ CSS3 :
www.css3generator.com
إن التقنية الجديدة ( CSS3 ) فتحت أبواب الإبداع لتصميم صفحات انترنت جذابة وسلسة ، فمن خلالها يمكن إنشاء مربعات ذات صناديق دائرية ويمكن وضع ظل على الكائنات والنصوص ويمكن إنشاء مؤثرات انتقالية عند تحريك المؤشر على بعض الأجزاء ، وغيرها من الاستخدامات ،، هذا الموقع يسهل لك عملية تصميم أكواد CSS3 وتعلمها في نفس الوقت قم باختيار ما تود إنشائه من القائمة وعدل الخيارات وشاهد المثال وبعد ذلك يمكنك نسخ الكود ونقله إلى ملف تصميم موقعك ( Style.css ) .
*************************************
4- تصميم الأزرار بواسطة CSS :
www.cssbuttongenerator.com
يقوم الموقع بإنشاء الكود الخاص بتصميم الأزرار في المواقع ( Buttons ) ، يقدم لوحة سلسة لاختيار الألوان والأحجام وبقية الخصائص مع تقديم عرض حي للشكل النهائي وعند الانتهاء من التعديل، يحصل المستخدم على الكود جاهزاً .
*************************************
5- صانع القوائم بواسطة CSS :
www.cssmenumaker.com
يقدم لك الموقع عدة قوالب جاهزة مصمصة بواسطة CSS للقوائم التي يمكن تركيبها أعلى الموقع أو في الجانب التي تستخدم لإدراج روابط أقسام الموقع ، يمكنك تحميل الكود ثم تركيبه في موقعك .
*************************************
6- بناء النماذج بأسهل طريقة :
www.jotform.com
النماذج ( Forms ) تستخدم للتفاعل مع الزوار،على سبيل المثال: نموذج تسجيل الدخول وإدخال البيانات ونماذج استطلاعات الرأي، وغيرها، عبر هذا الموقع ستقوم بتصميم وتنسيق النماذج كما في برنامج معالجة النصوص، وفي الأخير تحصل على الكود .
*************************************
7- لحصول على مخططات لونية Adobe Kuler :
http://www.kuler.adobe.com
يمكنك من خلال هذا الموقع مشاهدة المخططات اللونية التي أضافها المستخدمون والتعديل عليها مباشرة من الموقع بما يناسبك باستخدام واجهة سهلة ومرنة وجذابة، ستجد الكثير من المخططات اللونية الجذابة والأنيقة والتي شكّلهاأشخاص مبدعون من مختلف أنحاء العالم .
*************************************
8- استخراج الألوان من صورة على الجهاز pictaculous :
www.pictaculous.com
قم برفع صورة من على جهازك إلى هذا الموقع ليقوم بعرض المخطط اللوني الكامل لهذه الصورة يمكنك بعد ذلك نسخ الأكواد الخاصة بكل لون ، كما يعطيك مخططات لونية مقاربة للمخطط اللوني المستخرج عبر موقع ( KULER ) وموقع ( ClolourLover ) .
