نظام تصميم rastrillo
نظرة عامة على كل ما يوفّره نظام التصميم. السمة: day. اللغة: العربية.
نظرة عامة
يهدف نظام تصميم Rastrillo إلى أن يكون إطارًا مبدئيًا يمنح أي تطبيق واجهة متسقة ومتقنة وميسّرة للجميع، دون اعتماد على JavaScript أو باعتماد ضئيل، متاحة بعدة لغات، ومكتوبة بـ HTML وCSS نظيفين وحديثين. وقد صُمّم ليكون استعماله ممتعًا بمساعدة LLM أو بدونها، وسهل إعادة التركيب.
التطبيق التوضيحي
تطبيق يعمل، مبنيّ من هذا النظام وحده: لوحة موجزة، وقائمة، وسجلّ مفتوح. لكلٍّ عنوانه الخاص. بلا JavaScript.
إلى أين بعد ذلك
- البدايةتفاصيل عن أوراق الأنماط والسكربتات التي تأتي مع نظام تصميم Rastrillo.
- الرموزكل الخصائص المخصّصة التي بُني منها النظام: لون السمة وخطّها، ومقاييس الحجم والتباعد ونصف القطر.
- الأيقوناتكل slug أيقونة، بالحجم الذي ترسمه به المكوّنات، مع الاستدعاء الجاهز للنسخ واسمه على lucide.dev.
- شاشة القائمةشاشة قائمة عامة فيها عنوان وشريط أدوات وصفوف، تعمل على سطح المكتب وعلى الهاتف.
- العرضالقطع الصغيرة من المفردات التي تُركَّب منها الشاشة: الحالة، والهوية، والتقدّم، وشكل التنبيه الوحيد.
- النموذجكل عنصر تحكّم، في الحالات التي يضعه فيها نموذج حقيقي. وكلٌّ منها داخل rst-box ذي حشو، لأن هذه هي القاعدة التي تفترضها هذه الأجزاء.
- التاريخ والوقتالحقول الأربعة التي يحسّنها datetime.js، ويحتفظ كل منها بحقل الإدخال الأصلي تحته، حتى يحصل القارئ بلا برمجة نصية على عنصر تحكّم بسيط لا معطّل.
- المسارالقطع التي تكون استجابة كاملة لا جزءًا من استجابة.
- أوليات الواجهةالأشكال التي لا يمكن أن يكونها المكوّن، لأنها تغلّف جسدًا لا يعرفه إلا المُستدعي: البطاقات، وشبكات البيانات، والقوائم، وهيكل الأغلفة نفسه.
- التواريخ والأرقام والأسماءكيف تعرض التواريخ والأرقام والمبالغ والأسماء والعناوين، وأيّها يختلط على الناس.
- الشاشاتأمثلة على شاشات مبنية بنظام التصميم هذا. يمكنك استخدامها كقوالب بداية لتطبيقاتك.
- الهياكلهياكل الصفحة التي يستطيع rastrillo new توليدها. كلٌّ منها يُفتح بعرض كامل.