الصفحة الأمامية > برمجة > إنشاء واجهة مستخدم لإعدادات الملف الشخصي سريعة الاستجابة باستخدام Tailwind CSS
إنشاء واجهة مستخدم لإعدادات الملف الشخصي سريعة الاستجابة باستخدام Tailwind CSS
تم النشر بتاريخ 2024-07-30
تصفح:726
في هذا القسم، سنقوم بإنشاء تصميم إعدادات ملف تعريف المستخدم باستخدام Tailwind CSS. ستتضمن هذه العملية تصميم واجهة مستخدم جذابة من الناحية المرئية وسهلة الاستخدام، مع الاستفادة من نهج الأداة المساعدة أولاً في Tailwind CSS لتصميم المكونات المختلفة بشكل فعال.
أنشئ إعدادًا بسيطًا لملف تعريف المستخدم باستخدام اسم المستخدم والبريد الإلكتروني وكلمة المرور باستخدام Tailwind CSS.
Profile Settings
تصميم تحسينات لملف تعريف المستخدم باستخدام Tailwind CSS: الاسم الأول واسم العائلة والبريد الإلكتروني وكلمة المرور الجديدة وتحديث صورة الملف الشخصي وزر حذف الحساب.
إنشاء صفحة إعدادات ملف تعريف سريعة الاستجابة باستخدام الشريط الجانبي باستخدام Tailwind CSS.
بيان الافراج
تم إعادة نشر هذه المقالة على: https://dev.to/saim_ansari/creating-a- Response-profile-settings-ui-with-tailwind-css-3in8?1 إذا كان هناك أي انتهاك، يرجى الاتصال بـ [email protected] لحذفه
أحدث البرنامج التعليمي
أكثر>
-
كيف يمكنني العثور على المستخدمين الذين لديهم أعياد ميلاد اليوم باستخدام MySQL؟كيفية التعرف على المستخدمين الذين لديهم أعياد ميلاد اليوم باستخدام MySQL تحديد ما إذا كان اليوم هو عيد ميلاد المستخدم باستخدام MySQL يتضمن الب...برمجة تم النشر بتاريخ 2024-12-20 -
لماذا لا يلتقط طلب POST الإدخال في PHP على الرغم من وجود رمز صالح؟معالجة خلل طلب POST في PHP في مقتطف الكود المقدم: action=''action=""action="<?php echo $_SERVER['PHP_SELF'];?>" فحص م...برمجة تم النشر بتاريخ 2024-12-20
-
ما هو المعادل للعامل المنطقي AND (&&) في عبارات If الخاصة ببايثون؟ما هو المعادل لـ && (منطقية AND) في عبارة If في بايثون؟ في بايثون، ليس من الممكن استخدام && كمعامل AND المنطقي كما هو الحال في لغات البرمجة ال...برمجة تم النشر بتاريخ 2024-12-20
-
كيفية إصلاح \"تكوين غير صحيح: حدث خطأ أثناء تحميل وحدة MySQLdb\" في Django على نظام macOS؟تم تكوين MySQL بشكل غير صحيح: مشكلة المسارات النسبية عند تشغيل python manager.py runserver في Django، قد تواجه الخطأ التالي: ImproperlyConfigur...برمجة تم النشر بتاريخ 2024-12-20
-
ما وراء عبارات "if": في أي مكان آخر يمكن استخدام نوع ذو تحويل "bool" صريح بدون الإرسال؟التحويل السياقي إلى منطقي مسموح به بدون تحويل يحدد فصلك تحويلًا صريحًا إلى منطقي، مما يتيح لك استخدام مثيله 't' مباشرة في العبارات الشرط...برمجة تم النشر بتاريخ 2024-12-20
-
كيف يمكنني تعديل شريحة تم تمريرها كوسيطة دالة في Go؟تمرير شريحة كوسيطة دالة وتعديل الشريحة الأصلية في Go، يتم تمرير الوسائط إلى الوظائف حسب القيمة، مما يعني أن أي تغييرات يتم إجراؤها على الوسيطة د...برمجة تم النشر بتاريخ 2024-12-20
-
استخدام WebSockets في Go للاتصال في الوقت الفعلييتطلب إنشاء التطبيقات التي تتطلب تحديثات في الوقت الفعلي - مثل تطبيقات الدردشة أو الإشعارات المباشرة أو الأدوات التعاونية - طريقة اتصال أسرع وأكثر...برمجة تم النشر بتاريخ 2024-12-20
-
لماذا يجب تضمين تعريفات فئة القالب في ملفات الرأس؟بما في ذلك تعريفات فئة القالب في ملفات الرأس: ضرورة السؤال الذي يطرح نفسه هو سبب الحاجة إلى تنفيذ وإعلان فئة القالب ليتواجد داخل نفس ملف الرأس...برمجة تم النشر بتاريخ 2024-12-20
-
هل يمكنني ترحيل التشفير من Mcrypt إلى OpenSSL، وفك تشفير البيانات المشفرة Mcrypt باستخدام OpenSSL؟ترقية مكتبة التشفير الخاصة بي من Mcrypt إلى OpenSSL هل يمكنني ترقية مكتبة التشفير الخاصة بي من Mcrypt إلى OpenSSL؟ في OpenSSL، هل من الممكن فك...برمجة تم النشر بتاريخ 2024-12-20
-
كيفية التحكم في الدقة العشرية عند العمل مع أرقام الفاصلة العائمة في جافا سكريبت؟التحكم في الدقة العشرية في JavaScript عند العمل مع أرقام الفاصلة العائمة في JavaScript، قد تواجه مواقف حيث تحتاج إلى التحكم في عدد الأرقام المعر...برمجة تم النشر بتاريخ 2024-12-20
-
ماذا حدث لموازنة الأعمدة في الإصدار التجريبي من Bootstrap 4؟الإصدار التجريبي من Bootstrap 4: إزالة واستعادة إزاحة الأعمدة قدم Bootstrap 4، في إصداره التجريبي 1، تغييرات مهمة في الطريقة تم تعويض الأعمدة....برمجة تم النشر بتاريخ 2024-12-20
-
كيفية تجنب خطأ الفهرس عند ملء قائمة بايثون فارغة؟إصلاح خطأ الفهرس عند تعيين عناصر إلى قائمة عند محاولة إنشاء قائمة عن طريق تعيين كل عنصر بدوره، قد تواجه خطأ فهرس إذا كانت القائمة المستهدفة فا...برمجة تم النشر بتاريخ 2024-12-20
-
كيفية تحليل سلاسل التاريخ/الوقت ISO 8601 في Android؟تحليل سلاسل التاريخ/الوقت ISO 8601 في Android سؤال: لقد تلقيت سلسلة ISO 8601 قياسية من خدمة ويب، مثل "2010-10-15T09:27:37Z". كيف...برمجة تم النشر بتاريخ 2024-12-20
-
كيف يمكنني استخدام التعبيرات العادية لاكتشاف عناوين URL، بما في ذلك عناوين URL المجردة؟اكتشاف عناوين URL باستخدام التعبيرات العادية فشل الكود الحالي في مطابقة عناوين URL المجردة، التي تفتقر إلى البادئة "http://". لمعالجة ...برمجة تم النشر بتاريخ 2024-12-20
دراسة اللغة الصينية
- 1 كيف تقول "المشي" باللغة الصينية؟ 走路 نطق الصينية، 走路 تعلم اللغة الصينية
- 2 كيف تقول "استقل طائرة" بالصينية؟ 坐飞机 نطق الصينية، 坐飞机 تعلم اللغة الصينية
- 3 كيف تقول "استقل القطار" بالصينية؟ 坐火车 نطق الصينية، 坐火车 تعلم اللغة الصينية
- 4 كيف تقول "استقل الحافلة" باللغة الصينية؟ 坐车 نطق الصينية، 坐车 تعلم اللغة الصينية
- 5 كيف أقول القيادة باللغة الصينية؟ 开车 نطق الصينية، 开车 تعلم اللغة الصينية
- 6 كيف تقول السباحة باللغة الصينية؟ 游泳 نطق الصينية، 游泳 تعلم اللغة الصينية
- 7 كيف يمكنك أن تقول ركوب الدراجة باللغة الصينية؟ 骑自行车 نطق الصينية، 骑自行车 تعلم اللغة الصينية
- 8 كيف تقول مرحبا باللغة الصينية؟ # نطق اللغة الصينية، # تعلّم اللغة الصينية
- 9 كيف تقول شكرا باللغة الصينية؟ # نطق اللغة الصينية، # تعلّم اللغة الصينية
- 10 How to say goodbye in Chinese? 再见Chinese pronunciation, 再见Chinese learning
