كيف يختار مصمم المواقع الألوان المناسبة
🔰➖➖➖♦️〰♦️➖➖➖🔰
علي مصممي المواقع ان يتبعوا المراحل الأساسية عند تنفيذ مشاريعهم و هذه المراحل هي:
1- Requirement Specification and Analysis - تحديد المتطلبات و تحليلها
2- Design your Layout - تصميم شكل الموقع
3- Implementation (Coding) – تنفيذ (تكويد) الموقع
اولي خطوات مرحلة التصميم هي اختيار الألوان المستخدمة في الموقع .. و تعتبر من اهم و اصعب جزئيات التصميم. لان اختيار الألوان الصحيحة والمتناسقة يشعر المستخدم بالراحة والسهولة اثناء تصفح الموقع فضلا عن اهميتها في توضيح ووصول المعلومة. ايضا تستخدم الألوان في تثبيت الbranding والتسويق.
الطريقة الأنسب و الأسهل لأختيار الألوان هي اقتباسهم من اللوجو (Logo). بعض الLogos تحتوي علي لون واحد فقط (monocolor) .. و بعضها علي لونين او أكثر. بالنسبة للmonocolor يستخدم اللون مع ألوان من اختيار المصمم شرط ان تكون متناسقة مع بعضها. ينصح بأستخدام 3 الوان في الموقع كحد اقصي. لو احتوي اللوجو علي اكثر من لون فيتم اختيار اللونين الغالبين فيه مع مراعاة التناسق(و دا امر طبيعي لأن الgraphic designer اللي صمم اللوجو يختار الوان متناسقة مع بعضها) و يختار المصمم اللون الثالث.
دائما ما يقع مصممي المواقع في فخ اختيار الألوان فيؤدي الي تصميم فقير الشكل يعكس عدد زوار الموقع او قابلية العملاء للتعامل معه علي رغم من قوته في التكويد. لو اهتم الweb designer ببعد فنيات التصميم لن يحتاج الي graphic designer يصمم له مشاريعه و يكون قادر علي تصميم اروع الtemplates علي الاطلاق و تبدأ من اختيار الألوان .. يوجد بعد الأدوات التي تساعدك علي اختيار الألوان و دراجتها المتناسقة لتستخدمها في مشروعك و هم:
1- https://color.adobe.com/explore/newest
adobe color themes هي مجموعة من الألوان المتناسقة مع بعضها. يقوم الuser بالوقوف بالmouse علي مجموعة الألوان اللي اختارها و يضغط علي ايقونة info .. فالinfo بمجرد الوقوف علي اللون يظهر الhexadecimal code الخاص بيه .. مثال: #00000 للون الأسود.
2- http://paletton.com
من اقوي الtools اللي هتستخدمها في تحديد الالوان المتناسقة مع بعض. Palleton.com فيه color wheel(عجلة الألوان) و بيها جميع الألوان بدراجتها المختلفة. اضغط في الcolor wheel علي اللون اللي في اللوجو مثلا او اللون اللي حابب تجدله درجات متناسقة معاه و عاليمين هتجد اللون اللي اختارته مع الوان من نفس الدرجة تقدر تستخدمها معاه. بمرور الmouse في المساحة اللي فيها الألوان علي اليمين بيديك الhexadecimal code الخاص بكل لون عشان تستجدمه في التصميم. بنفس الطريقة كان من الممكن كتابة الcode الخاص باللون بدل من الضغط عليه في الcolor wheel. بأخيارك من القائمة الموجودة جانب الlogo العنصر قبل الأخير(عنصر القائمة اللي قبلmore info) اضغط عليه يمكنك اختيار unlike و ده بيعمل combination من الألوان المختلفة(مش نفس الدرجة) المتناسقة مع بعضها.
3- http://www.colorblender.com
4- http://www.colourlovers.com/copaso
💎➖➖➖♦️〰〰♦️➖➖➖💎
#تصميم_صفحات_الويب
#front-end
#تطوير_تطبيقات_الويب
🔰➖➖➖♦️〰♦️➖➖➖🔰
علي مصممي المواقع ان يتبعوا المراحل الأساسية عند تنفيذ مشاريعهم و هذه المراحل هي:
1- Requirement Specification and Analysis - تحديد المتطلبات و تحليلها
2- Design your Layout - تصميم شكل الموقع
3- Implementation (Coding) – تنفيذ (تكويد) الموقع
اولي خطوات مرحلة التصميم هي اختيار الألوان المستخدمة في الموقع .. و تعتبر من اهم و اصعب جزئيات التصميم. لان اختيار الألوان الصحيحة والمتناسقة يشعر المستخدم بالراحة والسهولة اثناء تصفح الموقع فضلا عن اهميتها في توضيح ووصول المعلومة. ايضا تستخدم الألوان في تثبيت الbranding والتسويق.
الطريقة الأنسب و الأسهل لأختيار الألوان هي اقتباسهم من اللوجو (Logo). بعض الLogos تحتوي علي لون واحد فقط (monocolor) .. و بعضها علي لونين او أكثر. بالنسبة للmonocolor يستخدم اللون مع ألوان من اختيار المصمم شرط ان تكون متناسقة مع بعضها. ينصح بأستخدام 3 الوان في الموقع كحد اقصي. لو احتوي اللوجو علي اكثر من لون فيتم اختيار اللونين الغالبين فيه مع مراعاة التناسق(و دا امر طبيعي لأن الgraphic designer اللي صمم اللوجو يختار الوان متناسقة مع بعضها) و يختار المصمم اللون الثالث.
دائما ما يقع مصممي المواقع في فخ اختيار الألوان فيؤدي الي تصميم فقير الشكل يعكس عدد زوار الموقع او قابلية العملاء للتعامل معه علي رغم من قوته في التكويد. لو اهتم الweb designer ببعد فنيات التصميم لن يحتاج الي graphic designer يصمم له مشاريعه و يكون قادر علي تصميم اروع الtemplates علي الاطلاق و تبدأ من اختيار الألوان .. يوجد بعد الأدوات التي تساعدك علي اختيار الألوان و دراجتها المتناسقة لتستخدمها في مشروعك و هم:
1- https://color.adobe.com/explore/newest
adobe color themes هي مجموعة من الألوان المتناسقة مع بعضها. يقوم الuser بالوقوف بالmouse علي مجموعة الألوان اللي اختارها و يضغط علي ايقونة info .. فالinfo بمجرد الوقوف علي اللون يظهر الhexadecimal code الخاص بيه .. مثال: #00000 للون الأسود.
2- http://paletton.com
من اقوي الtools اللي هتستخدمها في تحديد الالوان المتناسقة مع بعض. Palleton.com فيه color wheel(عجلة الألوان) و بيها جميع الألوان بدراجتها المختلفة. اضغط في الcolor wheel علي اللون اللي في اللوجو مثلا او اللون اللي حابب تجدله درجات متناسقة معاه و عاليمين هتجد اللون اللي اختارته مع الوان من نفس الدرجة تقدر تستخدمها معاه. بمرور الmouse في المساحة اللي فيها الألوان علي اليمين بيديك الhexadecimal code الخاص بكل لون عشان تستجدمه في التصميم. بنفس الطريقة كان من الممكن كتابة الcode الخاص باللون بدل من الضغط عليه في الcolor wheel. بأخيارك من القائمة الموجودة جانب الlogo العنصر قبل الأخير(عنصر القائمة اللي قبلmore info) اضغط عليه يمكنك اختيار unlike و ده بيعمل combination من الألوان المختلفة(مش نفس الدرجة) المتناسقة مع بعضها.
3- http://www.colorblender.com
4- http://www.colourlovers.com/copaso
💎➖➖➖♦️〰〰♦️➖➖➖💎
#تصميم_صفحات_الويب
#front-end
#تطوير_تطبيقات_الويب
👋السلام عليكم 👋
🔰سوف نبدا اول دروس مقدمه عن laravel
سنتعرف في سلسلة ّ الدروس هذه، التي
ّ يمثل هذا المقال ّ مقدمة لها، على إطار العمل
Laravel وأهم المبادئ التي يعمل وفقا لها.
♦️لماذا Laravel؟
توجد الكثير من الأسباب التي تدعو لاختيار
ّ نفعي (انتشار أكبر
Laravel منها ماهو
يعني ً فرصا أكثر للحصول على فرص
توظيف) ومنها ماهو تقني بحت. قبل
الإجابة على السؤال "لماذا Laravel؟" قد
يكون من المفيد محاولة الإجابة عن "لماذا
إطار عمل؟" بمعنى آخر ألا يمكنك ّ كمطور
PHP البدء من الصفر وبناء تطبيقك حسب
الحاجة؟
يمكننا القول -باختصار- أن أطر العمل
تجعلك تتخلص من ضرورة الاعتناء
بتفاصيل كثيرة، ترفع كثيرا من إنتاجيتك
وتقيك من أخطاء التعامل المباشر مع بيئة
لغة البرمجة من قبيل أخطاء التعامل مع
استعلامات قواعد البيانات التي قد تنتج
عنها هجمات الحقن بتعليمات SQL
المعروفة بــinjection SQL
المصدرية أيسر في القراءة وأسهل في
الصيانة والاختبار.
نجمل في ما يلي أهم الأسباب التي تجعل
من اختيار Laravel مناسبًا:
سهولة الاستخدام.
الفصل بين عناصر التطبيق مما
ّ يسهل عمل فريق من المطورين
ّ وتقاسم المهام بينهم.
دعم التطوير السريع للتطبيقات
Rapid Application
RAD, Developing :توفر أداة
Artisan وسيلة سريعة لإنشاء
شفرة مصدرية نمطية للتعديل
َ ستخد ّ م لمهام
المباشر عليها. كما أنها تُ
أخرى مثل تشغيل الاختبارات
الأحادية tests Unit ،تهجير قواعد
البيانات، وغيرها.
التضمين الافتراضي لوظائف شائعة
الاستخدام في تطبيقات الويب، مثل
الاستيثاق Authentication،
التوجيه Routing ،إدارة قواعد
البيانات، إرسال البريد الإلكتروني.
متحكمات RESTful :يعني هذا
أنه يمكن الاستفادة من أفعال
HTTP القياسية
DELETو PUT، POST، GET مثل
إدارة الاعتماديات
Dependencies
باستخدام Composer وهو ما
يعني إمكانية استخدام الحزم
والمكتبات الموجودة على
www
إلخ). أما الجزء الثالث (المتحكم
Controller (فيأخذ ُمدخلات ّ ويحولها إلى
أوامر يرسلها للنموذج والعرض.
يمكن شرح الأمر على النحو التالي:
يرسل المتحكّم أمرا إلى النموذج
لتعديل حالته (تحرير فاتورة). كما
يمكنه إرسال أمر إلى العرض بتغيير
طريقة تقديم البيانات (الانتقال بين
أسطر الفاتورة).
ّ يخزن النموذج البيانات المعثور عليها
وفقا لأوامر المتحكّم وتلك المعروضة
في العرض.
ّد العرض مخرجات للمستخدم
يول
〰〰〰♦️〰〰〰〰♦️〰〰〰
#تطوير_تطبيقات_الويب
#مقدمة_عن _laravel
@web_application
.
🔰سوف نبدا اول دروس مقدمه عن laravel
سنتعرف في سلسلة ّ الدروس هذه، التي
ّ يمثل هذا المقال ّ مقدمة لها، على إطار العمل
Laravel وأهم المبادئ التي يعمل وفقا لها.
♦️لماذا Laravel؟
توجد الكثير من الأسباب التي تدعو لاختيار
ّ نفعي (انتشار أكبر
Laravel منها ماهو
يعني ً فرصا أكثر للحصول على فرص
توظيف) ومنها ماهو تقني بحت. قبل
الإجابة على السؤال "لماذا Laravel؟" قد
يكون من المفيد محاولة الإجابة عن "لماذا
إطار عمل؟" بمعنى آخر ألا يمكنك ّ كمطور
PHP البدء من الصفر وبناء تطبيقك حسب
الحاجة؟
يمكننا القول -باختصار- أن أطر العمل
تجعلك تتخلص من ضرورة الاعتناء
بتفاصيل كثيرة، ترفع كثيرا من إنتاجيتك
وتقيك من أخطاء التعامل المباشر مع بيئة
لغة البرمجة من قبيل أخطاء التعامل مع
استعلامات قواعد البيانات التي قد تنتج
عنها هجمات الحقن بتعليمات SQL
المعروفة بــinjection SQL
المصدرية أيسر في القراءة وأسهل في
الصيانة والاختبار.
نجمل في ما يلي أهم الأسباب التي تجعل
من اختيار Laravel مناسبًا:
سهولة الاستخدام.
الفصل بين عناصر التطبيق مما
ّ يسهل عمل فريق من المطورين
ّ وتقاسم المهام بينهم.
دعم التطوير السريع للتطبيقات
Rapid Application
RAD, Developing :توفر أداة
Artisan وسيلة سريعة لإنشاء
شفرة مصدرية نمطية للتعديل
َ ستخد ّ م لمهام
المباشر عليها. كما أنها تُ
أخرى مثل تشغيل الاختبارات
الأحادية tests Unit ،تهجير قواعد
البيانات، وغيرها.
التضمين الافتراضي لوظائف شائعة
الاستخدام في تطبيقات الويب، مثل
الاستيثاق Authentication،
التوجيه Routing ،إدارة قواعد
البيانات، إرسال البريد الإلكتروني.
متحكمات RESTful :يعني هذا
أنه يمكن الاستفادة من أفعال
HTTP القياسية
DELETو PUT، POST، GET مثل
إدارة الاعتماديات
Dependencies
باستخدام Composer وهو ما
يعني إمكانية استخدام الحزم
والمكتبات الموجودة على
www
إلخ). أما الجزء الثالث (المتحكم
Controller (فيأخذ ُمدخلات ّ ويحولها إلى
أوامر يرسلها للنموذج والعرض.
يمكن شرح الأمر على النحو التالي:
يرسل المتحكّم أمرا إلى النموذج
لتعديل حالته (تحرير فاتورة). كما
يمكنه إرسال أمر إلى العرض بتغيير
طريقة تقديم البيانات (الانتقال بين
أسطر الفاتورة).
ّ يخزن النموذج البيانات المعثور عليها
وفقا لأوامر المتحكّم وتلك المعروضة
في العرض.
ّد العرض مخرجات للمستخدم
يول
〰〰〰♦️〰〰〰〰♦️〰〰〰
#تطوير_تطبيقات_الويب
#مقدمة_عن _laravel
@web_application
.
تطوير تطبيقات الويب
https://m.youtube.com/playlist?list=PLcfD4HARQRF_3SOGZQBc_t8h-grCoSdyu
هذه 3 دوات تعلم laravel
باحدث الاصدارات
وجيده جدا
كل واحد يختار الي تناسبه
باحدث الاصدارات
وجيده جدا
كل واحد يختار الي تناسبه
Forwarded from Aqua web | أكوا ويب
يستخدم مطور الويب الكونسول (Console) بشكل دائم لتعقب حركات موقعه و الأخطاء الناتجة و سرعته و التحذيرات و الكثير من الأشياء لإبقاء كل شيئ تحت السيطرة، فإليك دليلك الكامل لطريقة إستخدام الكونسول مثل المحترفين :D
كيف تستخدم أكواد الـ Console في الجافاسكربت مثل المحترفين
https://link.aqweeb.com/Use-Web-conslole-like-pro
كيف تستخدم أكواد الـ Console في الجافاسكربت مثل المحترفين
https://link.aqweeb.com/Use-Web-conslole-like-pro
يستخدم مطور الويب الكونسول (Console) بشكل دائم لتعقب حركات موقعه و الأخطاء الناتجة و سرعته و التحذيرات و الكثير من الأشياء لإبقاء كل شيئ تحت السيطرة، فإليك دليلك الكامل لطريقة إستخدام الكونسول مثل المحترفين :D
كيف تستخدم أكواد الـ Console في الجافاسكربت مثل المحترفين
https://link.aqweeb.com/Use-Web-conslole-like-pro
كيف تستخدم أكواد الـ Console في الجافاسكربت مثل المحترفين
https://link.aqweeb.com/Use-Web-conslole-like-pro
Forwarded from Aqua web | أكوا ويب
إن كنت طالب، فيمكنك الحصول على مجموعة من البرمجيات المجانية من العديد من الشركات من بينها Github و أيضا Jetbrains بملأ إستمارة تفيد بأنك طالب :)
إليك مجموعة من المعلومات التقنية التي لم تكن تعرفها من قبل :
https://link.aqweeb.com/20-tips-you-should-know
إليك مجموعة من المعلومات التقنية التي لم تكن تعرفها من قبل :
https://link.aqweeb.com/20-tips-you-should-know
⠀❃.࿐ ❥
ليكن عام ٢٠١٩م هو عام تحقيق الأهداف والنجاح ان شاء الله
العمر المديد والحياة السعيدة لكم جميعا رفاقي..
⠀⠀⠀┄༻💗༺┄
⠀•
ليكن عام ٢٠١٩م هو عام تحقيق الأهداف والنجاح ان شاء الله
العمر المديد والحياة السعيدة لكم جميعا رفاقي..
⠀⠀⠀┄༻💗༺┄
⠀•