طبعا css لازم يكون بتاغ <style> بنفس صفحة تقدر بعد ما تخلص صفحة تدمجهن ... رح يفيدكن لما تقدمو على شركة ❤

Live Server Preview
اضافة الى محرر الأكواد VSCode او VSCodium
تفتح لك تصميم لايف بنفس صفحة المحرر بدون الحاجة الى تصغير شاشة بسبب المتصفح ... ❤

للمرة ثانية بعمل موقع كبير تعب اسابيع و بحذفو بلغلط 🙂💔

ساعه وبتلف😉😂
@codedevelopment

تم تحديث موقع اذكار واضافه محرك بحث للبحث في الاذكار بتمني يعجبكم 😁
https://azkar.netlify.app

800 مشترك منورين 😁🔥

انضم لجروب المناقشه 👇
@codedevchat

API NodeJs 🌚🔥

معرفه IP الموقع بال Node Js

#NodeJs🔥
@codedevelopment

• Color - Html & Css

• AliceBlue - #F0F8FF
• AntiqueWhite - #FAEBD7
• Aqua - #00FFFF
• Aquamarine - #7FFFD4
• Azure - #F0FFFF
• Beige - #F5F5DC
• Bisque - #FFE4C4
• Black - #000000
• BlanchedAlmond - #FFEBCD
• Blue - #0000FF
• BlueViolet - #8A2BE2
• Brown - #A52A2A
• BurlyWood - #DEB887
• CadetBlue - #5F9EA0
• Chartreuse - #7FFF00
• Chocolate - #D2691E
• Coral - #FF7F50
• CornflowerBlue - #6495ED
• Cornsilk - #FFF8DC
• Crimson - #DC143C
• Cyan - #00FFFF
• DarkBlue - #00008B
• DarkCyan - #008B8B
• DarkGoldenRod - #B8860B
• DarkGray - #A9A9A9
• DarkGrey - #A9A9A9
• DarkGreen - #006400
• DarkKhaki - #BDB76B
• DarkMagenta - #8B0088
• DarkOliveGreen - #556B2F
• DarkOrange - #FF8C00
• DarkOrchid - #9932CC
• DarkRed - #8B0000
• DarkSalmon - #E9967A
• DarkSeaGreen - #8FBC8F
• DarkSlateBlue - #483D8B
• DarkSlateGray - #2F4F4F
• DarkTurquoise - #00CED1
• DarkViolet - #9400D3
• DeepPink - #FF1493
• DeepSkyBlue - #00BFFF
• DimGray - #696969
• DimGrey - #696969
• DodgerBlue - #1E90FF
• FireBrick - #B22222
• FloralWhite - #FFFAF0
• ForestGreen - #228B22
• Fuchsia - #FF00FF
• Gainsboro - #DCDCDC
• GhostWhite - #F8F8FF
• Gold - #FFD700
• GoldenRod - #DAA520
• Gray - #808080
• Grey - #808080
• Green - #008000
• GreenYellow - #ADFF2F
• HoneyDew - #F0FFF0
• HotPink - #FF69B4
• IndianRed - #CD5C5C
• Indigo - #4B0082
• Ivory - #FFFFF0
• Khaki - #F0E68C
• Lavender - #E6E6FA
• LavenderBlush - #FFF0F5
• LawnGreen - #7CFC00
• LemonChiffon - #FFFACD
• LightBlue - #ADD8E6
• LightCoral - #F08080
• LightCyan - #E0FFFF
• LightGoldenRodYellow - #FAFAD2
• LightGray - #D3D3D3
• LightGrey - #D3D3D3
• LightGreen - #90EE90
• LightPink - #FFB6C1
• LightSalmon - #FFA07A
• LightSeaGreen - #20B2AA
• LightSkyBlue - #87CEFA
• LightSlateGray - #778899
• LightSlateGrey - #778899
• LightSteelBlue - #B0C4DE
• LightYellow - #FFFFE0
• Lime - #00FF00
• LimeGreen - #32CD32
• Linen - #FAF0E6
• Magenta - #FF00FF
• Maroon - #800000
• MediumAquaMarine - #66CDAA
• MediumBlue - #0000CD
• MediumOrchid - #BA55D3
• MediumPurple - #9370DB
• MediumSeaGreen - #3CB371
• MediumSlateBlue - #7B68EE
• MediumSpringGreen - #00FA9A
• MediumTurquoise - #48D1CC
• MediumVioletRed - #C71585
• MidnightBlue - #191970
• MintCream - #F5FFFA
• MistyRose - #FFE4E1
• Moccasin - #FFE4B5
• NavajoWhite - #FFDEAD
• Navy - #000080
• OldLace - #FDF5E6
• Olive - #808000
• OliveDrab - #6B8E23
• Orange - #FFA500
• OrangeRed - #FF4500
• Orchid - #DA70D6
• PaleGoldenRod - #EEE8AA
• PaleGreen - #98FB98
• PaleTurquoise - #AFEEEE
• PaleVioletRed - #DB7093

قاعدة بيانات بها كورسات كثيرة 👌🔥

https://archive.thehated7.workers.dev/

user: @TheHatedOne
pass: @TheHatedOne

@codedevelopment
#course
#منقول

انضم لجروب المناقشة
t.me/codedevchat

في شركات البرمجه يوجد شخص اسمه ui and ux designer
وهو يستخدم برامج مثل adobe xd and illistoritor +ps +figma
ومنصات اخري
وهو مسول عن تصميم لكي يراه العميل ويعتمده كي يتم تكويده
ماذا نقصد بواجهة الإستخدام User Interface؟
واجهة الإستخدام كما يعرفها المختصون في المجال هي تصميم مشروع ما، مع الأخذ بعين الاعتبار مستخدمه أي كيف سيتعامل ويتفاعل معه؟ و هي أيضاً تعبر عن المنتج النهائي الذي يتم عرضه عليه والذي يضمن له استعماله بسهولة دون تعقيدات وبشكل بسيط وفعال دون أن يتطلب منه ذلك تركيزا كبيرا، مفهوم واجهة الإستخدام ليس مقتصراً على تصميم المواقع بل يخص كل ما له علاقة بالمستخدم والأمور التي يستعملها يوميا كالبرامج، أنظمة التشغيل و الحواسب .. إلخ، هدف مصمم واجهة الإستخدام هو محاولة فهم المستخدم قدر الإمكان وذلك للتوقف على الأمور التي يجب التركيز عليها والأمور التي يجب تجنبها لتحسين الواجهة وجعلها بسيطة وفعالة أثناء الاستخدام
ما هي تجربة المستخدم User Experience؟
تجربة المستخدم يمكن أن نعبر عنها ببساطة بأنها تصميم المشاريع مع الأخذ بعين الاعتبار رغبات و حاجات المستخدم، إذ أن التحدي الرئيسي أمام مصمم تجربة المستخدم هو معرفة توقعات المستخدم وإيجاد حلول فعالة لإشكالاته أي بمعنى آخر الغوص في عقل المستخدم لمعرفة ما يريد وما لا يريد.
إذاً؛ ما الفرق بينهما إذن؟
“تصميم واجهة الإستخدام” بشكل مختصر ومبسط هي لتسهيل الأمر على المستخدم أثناء الاستعمال، إنها التي تسمح له بإنهاء مهمة بطريقة سهلة دون تعقيدات، أي أنها تساهم بشكل أساسي بتحسين العلاقة بين المستخدم والآلة ومن أجل ذلك نستخدم آليات الجرافيك المعروفة (نوعية التصميم و نوعية الخطوط …) “تصميم تجربة المستخدم” يمكن اعتباره عملا عند مصب النهر، إذ يجب على كل مصمم أن يتوقع و يعرف ماذا ينتظر منه المستخدم و ما هي رغباته و احتياجاته، و ما هي الأمور التي لا يحبها لكي يتجنبها واجهة الإستخدام مرتبطة بالأساس بأمور تقنية متعارف عليها (مثلا يقول لك لا يجب وضع كتابة صفراء على خلفية بيضاء) في حين أن تجربة المستخدم مرتبطة بشكل كلي بالمستخدم نفسه رغباته و احتياجاته، ما يحب و ما يكره. (مثلا هل نضع في الموقع تواصل معنا أم اضغط للاتصال)
الملخص
تجربة المستخدم User Experience تأخذ بالحسبان توقعات ورغبات المستخدم للوصول إلى هدفه دون جهد كبير و في بيئة بسيطة، سهلة و سلسة، ويمكن تلخيصها في ست نقاط أساسية:-

سهل الوصول: القيام بكل ما يجب لكي يصل المستخدم إلى الموقع بسهولة.
سهل الولوج: يجب على الموقع أن يكون سهل الولوج من مختلف البرامج الحديثة.
موثوق و مرغوب فيه: تصميم موقع ينمي ثقة المستخدم و رغبته في ولوجه.
سهل الاستعمال: يجب على الموقع أن يكون خالياً من كل ما يمكن له أن يعقد أو يصعب التصفح على المستخدم.
يعكس صورة الجهة المالكة: يجب على المستخدم أن يقتنع بأنه في المكان الصحيح لإيجاد ضالته وأن يطمئن لخدمات الموقع.
أن يكون فعالا: على المستخدم أن يجد أجوبة على أسئلته بكل سهولة ودون تعقيدات.
يارب تكون وصلت ياريت
#منقول
#UI_UX
@codedevelopment