واجهة مستخدم

تعرّف على كل ما يخص واجهة مستخدم في مجال البرمجة، الشبكات، الأمن السيبراني، الهندسة العكسية، والتصميم من خلال شروحات عملية ودروس احترافية متجددة على منتديات أكتب كود.

  1. برمجة ساعة بواسطة HTML و CSS

    برمجة ساعة تبدو واقعية اكثر كجعل الساعة زجاجية + وضع ظلال من وراء الساعة من الجانب <div class="clook"> <div class="org"></div> <div class="second"></div> <span>1</span> <span>2</span> <span>3</span> <span>4</span> <span>5</span> <span>6</span> <span>7</span>...

  2. إنشاء ساعة رقمية بأستخدام أكواد HTML & JavaScript

    إنشاء ساعة رقمية بأستخدام أكواد HTML & JavaScript كود HTML & JavaScript <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet"...

  3. عمل موقع الكتروني متجاوب بتأثير زجاجي بـ HTML, CSS

    Make a Responsive Glass Website Using HTML and CSS Only | عمل موقع الكتروني متجاوب بتأثير زجاجي انيق في هذا الدرس ستتعلم كيفية عمل موقع الكتروني مودرن باسهل الطرق الممكنة و بافكار ابداعية حيث ان هذا الدرس يتضمن فكرة انشاء موقع متجاوب بتأثير زجاجي انيق

  4. عمل قائمة بتأثير أبداعي Creative Hover Menu Effect

    عمل قائمة بتأثير أبداعي Creative Hover Menu Effect Using HTML, CSS قائمة إبداعية بتأثير Hover باستخدام HTML و CSS تضيف تفاعلًا مميزًا للمستخدم. عند التحويم على الروابط، يظهر تأثير اللون والظهور التدريجي للخط السفلي، مما يحسن تجربة المستخدم
    • x32x01
    • الموضوع
    • الردود: 0
    • المنتدى: منتدى لغة الترميز والتنسيق HTML, CSS
    • css front-end hover effect html تأثير إبداعي تجربة المستخدم تصميم ويب تفاعل المستخدم قائمة واجهة مستخدم

  5. موقع بيقدملك أكتر من 700 أيقونة مفتوحة المصدر ..

    موقع بيقدملك أكتر من 700 أيقونة مفتوحة المصدر .. تستخدمهم فى عملك ومتاحين ك CSS أو SVG لكن إيه الجميل في الموضوع إنك لو لسة بتتعلم أو حتى مستواك متوسط ممكن تشوف الأيقونات دي بتترسم إزاي بال CSS وتزود عندك الأفكار الموقع دة بجد هيفرق معاك جدا 700+ CSS Icons, Customizable, Retina Ready & API

  6. معلومة ع السريع فى Progress bar بـ HTML

    هل تعلم أن هذا الـ Tag يعطيك Progress bar ! هل تعلم أن الـ tag في HTML يعطيك شريط تقدم (Progress Bar) بشكل سهل؟ يمكن استخدامه لعرض التقدم في تحميل الملفات أو العمليات الطويلة باستخدام قيمة مئوية meter tag (codepen.io)

  7. زر بأضاءة متحركة بأستخدام HTML, CSS

    تعلم إنشاء زر بأضاءة متحركة باستخدام HTML وCSS مع تأثير Outline يدور باستمرار وتأثير Hover جذاب للمستخدمين

  8. كيفية رسم مثلث بـ CSS

    كيفية رسم مثلث بـ CSS: يمكنك رسم مثلث باستخدام خاصية border في CSS. بتعيين border-left و border-right كـ "transparent" و border-bottom بلون معين، يتم رسم مثلث بسهولة

  9. تأثير الكتابة التلقائية بالنص باستخدام CSS أتوماتيك

    شرح تأثير الكتابة التلقائية في CSS بطريقة سهلة، مع مثال كود عملي يساعدك تضيف أنيميشن كتابة احترافي لمواقع البرمجة بسرعة ومن غير جافاسكريبت سهلة!

  10. طريقة عمل قمر مكتمل بـ CSS

    طريقة عمل قمر مكتمل بـ CSS يمكنك إنشاء قمر مكتمل باستخدام CSS عن طريق استخدام border-radius لجعل الشكل دائريًا، ويمكن إضافة تأثير الظل باستخدام ::before لخلق تأثير الظلام على جزء من القمر او من طريقة أخرى

  11. أداة رهيبة لتوليد كود clip-path في CSS

    أداة رهيبة لتوليد كود clip-path في CSS https://bennettfeely.com/clippy وهنا شرح مختصر لـ clip-path لو ما تعرفها
    • x32x01
    • الموضوع
    • الردود: 0
    • المنتدى: منتدى لغة الترميز والتنسيق HTML, CSS
    • clip-path css front-end أدوات css أشكال مخصصة تأثيرات تصميم احترافي تصميم ويب كود عملي واجهة مستخدم

  12. مشروع أحترافى ساعة رقمية وعقارب + السورس كود

    مشروع أحترافى ساعة رقمية وعقارب + السورس كود مشروع ساعة رقمية و عقارب مشروعنا هذا عبارة عن ساعة عقارب مدمجة بساعة رقمية مبنية بلغات برمجة بسيطة وهي HTML, CSS كود HTML <div id="watch"> <div class="frame-face"></div> <ul class="minute-marks">...
    • x32x01
    • الموضوع
    • الردود: 0
    • المنتدى: منتدى لغة جافا سكريبت JavaScript
    • css html برمجة تصميم واجهة رقمية ساعة سورس كود عقارب مشروع واجهة مستخدم