HTML

ابنِ مؤقّتًا لجلسات التأمل الواعي والاسترخاء باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة هادئة وخالية من المشتتات بطابع مستوحى من الطبيعة. نفّذ جلسات تأمل قابلة للتخصيص تشمل فترات التحضير، والتأمل، والراحة. أضف خيارات للأصوات المحيطة تشمل أصوات الطبيعة، والنبضات ثنائية الأذن، والضجيج الأبيض. ضمّن تأملًا موجّهًا مع إرشادات صوتية قابلة للتخصيص. نفّذ أجراسًا للفواصل مع إمكانية التحكم في مستوى الصوت واختيار النغمة. أضف سجلًا للجلسات وتتبعًا للإحصائيات. أنشئ أدلة تنفّس بصرية مع رسوم متحركة سلسة. ادعم الاستخدام بدون اتصال كتطبيق ويب تقدمي (PWA). أضف الوضع الداكن وعدة سمات. أضف جدولة للجلسات مع تذكيرات.

طوّر مشغّل موسيقى يعمل عبر الويب باستخدام HTML5 وCSS3 وJavaScript مع Web Audio API. صمّم واجهة حديثة تعرض صورة الألبوم وتدعم العروض البصرية الصوتية. نفّذ إدارة قوائم التشغيل مع إمكانية إعادة الترتيب بالسحب والإفلات. أضف عناصر تحكم بالصوت تشمل التشغيل/الإيقاف المؤقت، التخطي، تحريك موضع التشغيل داخل المقطع، مستوى الصوت، وسرعة التشغيل. وفّر أوضاع التشغيل العشوائي والتكرار مع مؤشرات مرئية واضحة. ادعم عدة صيغ صوتية مع بدائل احتياطية مناسبة عند الحاجة. نفّذ مُعادل صوت من 10 نطاقات مع إعدادات مسبقة. أضف استخراج البيانات الوصفية من الملفات الصوتية وعرضها للمستخدم. أنشئ تصميمًا متجاوبًا يعمل بكفاءة على كل الأجهزة. ضمّن اختصارات لوحة المفاتيح للتحكم بالتشغيل. ادعم التشغيل في الخلفية من خلال التكامل مع Media Session API.

أنشئ أداة شاملة لتحليل النصوص باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة نظيفة وواضحة تحتوي على مساحة لإدخال النص ولوحة نتائج للتحليل. أضف حساب عدد الكلمات، وعدد الأحرف، وتقدير وقت القراءة. طبّق تقييم قابلية القراءة باستخدام عدة خوارزميات مثل Flesch-Kincaid وSMOG وColeman-Liau. أضف تحليل كثافة الكلمات المفتاحية مع تمثيل بصري للنتائج. نفّذ تحليل المشاعر مع اكتشاف الطابع العاطفي للنص. أضف تدقيقًا لغويًا وإملائيًا مع اقتراحات للتصحيح. وفّر خاصية مقارنة النصوص لاكتشاف درجة التشابه. ادعم لغات متعددة مع اكتشاف اللغة تلقائيًا. أضف إمكانية تصدير تقارير التحليل. وضمّن أدوات لتنسيق النص وتنظيفه.

طوّر اختبارًا تفاعليًا لقياس سرعة الكتابة باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة نظيفة تعرض النص المطلوب ومنطقة إدخال واضحة للمستخدم. احسب سرعة الكتابة بالكلمات في الدقيقة (WPM) ونسبة الدقة بشكل فوري أثناء الاختبار. أضف مستويات صعوبة مع اختيار نصوص مناسبة لكل مستوى. فعّل تمييز الأخطاء أثناء الكتابة وتتبع التصحيحات. وفّر سجلًا للاختبارات السابقة مع رسوم بيانية توضّح الأداء. أضف إمكانية إنشاء اختبار مخصص مع استيراد النص. اعرض لوحة مفاتيح افتراضية توضّح ضغطات المفاتيح مباشرة. ادعم عدة لغات وتخطيطات مختلفة للوحة المفاتيح. اجعل التصميم متجاوبًا ويعمل بسلاسة على جميع الأجهزة. أضف وضع منافسة مع لوحات صدارة لترتيب النتائج.

طوّر لوحة معلومات طقس شاملة باستخدام HTML5 وCSS3 وJavaScript وواجهة برمجة تطبيقات OpenWeatherMap API. صمّم واجهة جذابة تعرض حالة الطقس الحالية مع أيقونات مناسبة، وتغيّر الخلفية بناءً على حالة الطقس ووقت اليوم. اعرض توقعات مفصلة لمدة 5 أيام، مع إمكانية توسيع كل يوم لعرض التفاصيل بالساعة. نفّذ بحثًا عن الموقع مع إكمال تلقائي وسجل بحث، مع دعم البحث بأسماء المدن مثل الرياض وجدة أو باستخدام الإحداثيات. أضف دعم تحديد الموقع الجغرافي لاكتشاف موقع المستخدم تلقائيًا. وفّر خيارات تبديل لوحدات الحرارة (°C/°F) وتنسيقات الوقت. اعرض تنبيهات الأحوال الجوية القاسية مع إبراز الأولوية بوضوح. أظهر بيانات أرصاد جوية مفصلة تشمل سرعة الرياح واتجاهها، والرطوبة، والضغط الجوي، ومؤشر الأشعة فوق البنفسجية، وجودة الهواء متى ما توفرت. أضف أوقات شروق الشمس وغروبها مع مؤشرات مرئية. أنشئ تخطيطًا متجاوبًا بالكامل باستخدام CSS Grid يتكيف مع جميع أحجام الأجهزة، مع كثافة معلومات مناسبة لكل حجم شاشة.

أنشئ لعبة سودوكو تفاعلية باستخدام HTML5 وCSS3 وJavaScript. صمّم لوحة لعب نظيفة ومراعية لإمكانية الوصول، مع أدوات تحكم واضحة وبديهية. نفّذ مستويات صعوبة مختلفة باستخدام خوارزميات مناسبة لتوليد الألغاز. أضف نظام تلميحات بعدة درجات من المساعدة. وفّر ميزة تدوين الملاحظات للأرقام المحتملة داخل الخانات. طبّق مؤقتًا مع إمكانية الإيقاف المؤقت والاستئناف. أضف فحصًا للأخطاء مع خيار التنبيه الفوري. ضمّن حفظ اللعبة وتحميلها عبر عدة خانات حفظ. أضف تتبعًا للإحصائيات يشمل مرات الفوز، والأوقات، ومستويات الصعوبة. أضف إمكانية توليد ألغاز قابلة للطباعة. نفّذ التحكم عبر لوحة المفاتيح، وراعِ ميزات سهولة الوصول.

طوّر لعبة بطاقات لمطابقة الأزواج اعتمادًا على الذاكرة باستخدام HTML5 وCSS3 وJavaScript. صمّم بطاقات جذابة بصريًا مع حركات قلب سلسة. طبّق مستويات صعوبة متعددة بأحجام شبكات وأعداد بطاقات متفاوتة. أضف مؤقّتًا وعدّادًا للحركات لاستخدامهما في احتساب النتيجة. ضمّن مؤثرات صوتية عند قلب البطاقات وعند العثور على تطابق. نفّذ لوحة صدارة مع حفظ مستمر للنتائج. أضف خيار اختيار المظهر بتصاميم بطاقات متنوعة. ضمّن وضعًا متعدد اللاعبين للمنافسة المباشرة. أنشئ واجهة متجاوبة تتكيّف مع أحجام الشاشات المختلفة. أضف ميزات إتاحة تدعم التنقّل عبر لوحة المفاتيح. طبّق زيادة تدريجية في مستوى الصعوبة أثناء اللعب.

أنشئ تطبيق قائمة مهام متجاوب باستخدام HTML5 وCSS3 وJavaScript دون مكتبات. يجب أن تكون واجهة التطبيق حديثة ونظيفة، وتعتمد على CSS Grid وFlexbox، مع عناصر تحكم واضحة وسهلة الاستخدام.

طبّق وظائف CRUD الكاملة للمهام: الإضافة، التعديل، الحذف، ووضع علامة على المهمة كمكتملة، مع حركات سلسة. أضف تصنيفات للمهام مع ترميز بالألوان ومستويات أولوية: منخفضة، متوسطة، عالية.

أضف تواريخ استحقاق باستخدام مكوّن لاختيار التاريخ، مع إشعارات تذكير. استخدم localStorage لحفظ البيانات واستمرارها بين الجلسات.

طبّق خاصية البحث مع مرشحات حسب الحالة، التصنيف، ونطاق التاريخ. أضف إمكانية إعادة ترتيب المهام بالسحب والإفلات باستخدام HTML5 Drag and Drop API.

تأكد أن التصميم متجاوب بالكامل مع نقاط توقف مناسبة باستخدام media queries. أضف خيارًا للتبديل بين الوضع الداكن والفاتح، مع احترام تفضيلات نظام المستخدم. أضف تفاعلات دقيقة وانتقالات ناعمة لتحسين تجربة المستخدم.

أنشئ تطبيقًا لمتابعة العادات باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة مرتبة تعرض العادات بطرق عرض يومية وأسبوعية وشهرية. وفّر إمكانية إنشاء عادة جديدة مع ضبط التكرار والتذكيرات والأهداف. أضف تتبّعًا لسلاسل الاستمرارية مع مؤشرات مرئية وتنبيهات تهنئة عند بلوغ المحطات المهمة. ضمّن إحصاءات تفصيلية ورسومًا بيانية لقياس التقدم. ادعم تصنيف العادات وإضافة الوسوم لتنظيمها بسهولة. نفّذ تكاملًا مع التقويم لجدولة العادات والتذكيرات. أضف تصورات بيانات توضّح الأنماط والتوجّهات مع مرور الوقت. اجعل التصميم متجاوبًا ويعمل بسلاسة على جميع الأجهزة. وفّر إمكانية تصدير البيانات والنسخ الاحتياطي. أضف عناصر تحفيز وتلعيب مثل الإنجازات والمكافآت لتعزيز الاستمرارية.

طوّر تطبيق ملاحظات Markdown متكاملًا وغنيًا بالمزايا باستخدام HTML5 وCSS3 وJavaScript. أنشئ واجهة مقسّمة إلى قسمين: محرر نصوص مزوّد بأدوات تنسيق في جهة، ومعاينة مباشرة لـ Markdown في الجهة الأخرى. نفّذ دعمًا شاملًا لصياغة Markdown، بما في ذلك الجداول، وكتل التعليمات البرمجية مع تمييز الصياغة، ومعادلات LaTeX. أضف نظام تنظيم هرميًا يتضمن تصنيفات متداخلة، ووسومًا، ومفضلة. وفّر بحثًا قويًا مع مرشحات وفهرسة لمحتوى الملاحظات. استخدم localStorage مع خيار اختياري للتصدير/الاستيراد للنسخ الاحتياطي للبيانات. ادعم تصدير الملاحظات إلى صيغ PDF وHTML وMarkdown. طبّق وضعًا فاتحًا/داكنًا قابلًا للتخصيص، مع سمات لتمييز صياغة الأكواد. صمّم تخطيطًا متجاوبًا يتكيّف مع أحجام الشاشات المختلفة، مع لوحات قابلة للطي. أضف اختصارات لوحة مفاتيح تعزّز الإنتاجية لكل الإجراءات الشائعة. ضمّن الحفظ التلقائي مع سجل إصدارات وخيارات استعادة.

ابنِ لعبة قتال طائرات غامرة متعددة اللاعبين باستخدام Three.js وHTML5 وCSS3 وJavaScript، مع WebSocket للتواصل اللحظي بين اللاعبين. طوّر نموذج طائرة ثلاثي الأبعاد بتفاصيل عالية، مع فيزياء طيران واقعية تشمل التحكم بالميلان (Pitch)، والانحراف (Yaw)، والدحرجة (Roll)، وقوة الدفع (Throttle). أضف تحكمًا سلسًا بالكاميرا يتبع طائرة اللاعب، مع خيارات عرض قابلة للإعداد مثل: قمرة القيادة، والمطاردة، والمدار حول الطائرة. أنشئ بيئة صندوق سماء (Skybox) مع تغيّر ديناميكي لوقت اليوم وتأثيرات الطقس.

نفّذ خصائص اللعب الجماعي عبر WebSocket لتحديث المواقع لحظيًا، وإدارة القتال، ومزامنة حالة اللعبة. أضف أنظمة أسلحة تشمل فيزياء المقذوفات، واكتشاف الإصابات، ونماذج الضرر. ضمّن مؤثرات جسيمات لعادم المحرك، وإطلاق الأسلحة، والانفجارات، وآثار الضرر. صمّم واجهة عرض معلومات HUD تعرض السرعة، والارتفاع، والاتجاه، والرادار، والصحة، وحالة الأسلحة.

استخدم Web Audio API لإضافة مؤثرات صوتية للمحركات، والأسلحة، والانفجارات، والأجواء المحيطة. أضف أنماط مباريات تشمل المواجهة الحرة (Deathmatch) ومعارك الفرق مع نظام نقاط. وفّر إمكانية تخصيص تجهيزات الطائرة بأسلحة وقدرات مختلفة. أنشئ نظام ردهة (Lobby) لإنشاء المباريات وتوزيع اللاعبين على الفرق.

طبّق التنبؤ من جهة العميل (Client-side Prediction) وتعويض التأخير (Lag Compensation) لضمان تجربة لعب جماعي سلسة. أضف خريطة مصغّرة (Mini-map) توضّح مواقع اللاعبين والأهداف. ضمّن نظام إعادة عرض للمباريات مع إمكانية إنشاء لقطات بارزة. اجعل عناصر التحكم مستجيبة وتدعم لوحة المفاتيح والفأرة، وكذلك يد التحكم (Gamepad).

طوّر لعبة ثلاثية الأبعاد غامرة لاستكشاف الفضاء باستخدام Three.js وJavaScript. أنشئ كونًا شاسعًا يضم كواكب ونجومًا وسُدمًا مولّدة إجرائيًا. نفّذ نظام تحكم واقعيًا بالمركبات الفضائية وفق فيزياء نيوتن. أضف أسطح كواكب مفصّلة تشمل توليد التضاريس والتأثيرات الجوية. أنشئ محطات فضائية ومراكز خارجية للتجارة وتنفيذ المهام. طبّق أنظمة لجمع الموارد وإدارة الشحنات. أضف أجناسًا فضائية بسلوكيات وتفاعلات فريدة. صمّم تأثيرات سفر عبر الثقوب الدودية بين الأنظمة النجمية. أضف نظامًا مفصّلًا لتخصيص السفن وترقيتها. نفّذ آليات التعدين والقتال مع مؤثرات للأسلحة. أضف نظام مهام يتضمن عناصر قصصية وأهدافًا واضحة.

أنشئ مدير مقتطفات برمجية موجّهًا للمطورين باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة نظيفة شبيهة ببيئات التطوير المتكاملة (IDE) مع إبراز الصيغة البرمجية لأكثر من 30 لغة برمجة. نفّذ نظام وسوم وتصنيفات لتنظيم المقتطفات البرمجية. أضف خاصية بحث قوية تدعم التعبيرات النمطية (Regex) مع إمكانية التصفية حسب اللغة والوسوم. وفّر محرر أكواد يتضمن أرقام الأسطر، وإرشادات الإزاحة، ومطابقة الأقواس. ادعم إعدادات الخصوصية عام/خاص لكل مقتطف. نفّذ إمكانية التصدير والاستيراد بتنسيقَي JSON وGist. أضف اختصارات لوحة مفاتيح للعمليات الشائعة. صمّم واجهة متجاوبة تعمل بكفاءة على جميع الأجهزة. أضف حفظًا تلقائيًا مع سجل للإصدارات. وفّر خاصية النسخ إلى الحافظة مع الحفاظ على تنسيق إبراز الصيغة البرمجية.

طوّر تطبيق اختبار تفاعلي شامل باستخدام HTML5 وCSS3 وJavaScript. صمّم واجهة جذابة وسهلة الاستخدام مع انتقالات سلسة بين الأسئلة. ادعم عدة أنواع من الأسئلة، بما فيها الاختيار من متعدد، صواب/خطأ، المطابقة، والإجابة القصيرة مع تصحيح تلقائي. وفّر مؤقتات قابلة للتخصيص لكل سؤال مع عدّ تنازلي مرئي. أضف تتبعًا تفصيليًا للدرجات، بحيث تُحتسب النقاط حسب مستوى الصعوبة وسرعة الإجابة. اعرض شريط تقدم ديناميكيًا يوضح نسبة إكمال الاختبار. ضمّن وضع مراجعة بعد انتهاء الاختبار لعرض الإجابات الصحيحة والخاطئة مع الشروحات. طبّق لوحة صدارة مستمرة باستخدام localStorage. نظّم الأسئلة ضمن تصنيفات لها أيقونات وأوصاف مخصصة. ادعم عدة مستويات صعوبة تؤثر على احتساب الدرجات والوقت المتاح. أنشئ ملخص نتائج تفصيليًا يتضمن تحليلات الأداء واقتراحات للتحسين. أضف ميزة مشاركة النتائج على وسائل التواصل الاجتماعي مع رسائل قابلة للتخصيص.

طوّر عارض PDF يعمل على الويب باستخدام HTML5 وCSS3 وJavaScript وPDF.js. ابنِ واجهة نظيفة وسهلة الاستخدام مع أدوات تنقّل واضحة. نفّذ التنقّل بين الصفحات مع عرض المصغّرات ومخطط المستند. أضف بحثًا داخل النص مع تمييز نتائج البحث. وفّر أدوات التكبير والتصغير والملاءمة حسب عرض الصفحة أو ارتفاعها. فعّل تحديد النص ونسخه. أضف أدوات للتعليقات التوضيحية تشمل التمييز، الملاحظات، والرسم. ادعم تدوير المستند ووضع العرض التقديمي. أضف وظيفة الطباعة مع خيارات مخصّصة. صمّم الواجهة بشكل متجاوب يعمل بكفاءة على كل الأجهزة. أضف شاشة لعرض خصائص المستند والبيانات الوصفية.

أنشئ تطبيقًا للبحث عن الوصفات باستخدام HTML5 وCSS3 وJavaScript وواجهة برمجة تطبيقات (API) للأطعمة. صمّم واجهة جذابة بصور أطعمة احترافية وتنقّل سهل وواضح للمستخدم. نفّذ بحثًا متقدمًا مع مرشحات حسب المكونات، نوع المطبخ، القيود الغذائية، ووقت التحضير. أضف تقييمات ومراجعات من المستخدمين بنظام النجوم. اعرض معلومات غذائية تفصيلية مع مؤشرات بصرية للسعرات الحرارية، والمغذيات الكبرى (الماكروز)، ومسببات الحساسية. ادعم حفظ الوصفات وتصنيفها ضمن مجموعات. نفّذ تقويمًا لتخطيط الوجبات مع خاصية السحب والإفلات. أضف ضبطًا تلقائيًا لعدد الحصص مع إعادة حساب المقادير. ضمّن وضع الطهي بتعليمات خطوة بخطوة ومؤقتات. ادعم الوصول دون اتصال للوصفات المحفوظة. أضف إمكانية مشاركة الوصفات المفضلة عبر منصات التواصل الاجتماعي.