rastrillo डिज़ाइन सिस्टम
डिज़ाइन सिस्टम जो कुछ देता है, उसका अवलोकन। थीम: signal। भाषा: हिन्दी।
अवलोकन
Rastrillo डिज़ाइन सिस्टम का लक्ष्य है किसी भी ऐप के लिए शुरुआती ढाँचा बनना: एक जैसा, सुथरा और सुलभ इंटरफ़ेस, JavaScript पर कोई या बहुत कम निर्भरता, कई भाषाओं में उपलब्ध, और साफ़, आधुनिक HTML तथा CSS से बना। इसे ऐसा बनाया गया है कि LLM की मदद के साथ या उसके बिना इसे इस्तेमाल करना अच्छा लगे, और इसे आसानी से बदला-मिलाया जा सके।
डेमो ऐप
सिर्फ़ इसी सिस्टम से बना एक चलता हुआ ऐप: एक डैशबोर्ड, एक सूची, एक खुला हुआ रिकॉर्ड। हर एक का अपना पता है। कोई JavaScript नहीं।
आगे कहाँ जाएँ
- शुरुआतRastrillo डिज़ाइन सिस्टम के साथ आने वाली स्टाइलशीट और स्क्रिप्ट के बारे में जानकारी।
- टोकनवे सभी कस्टम प्रॉपर्टी जिनसे यह सिस्टम बना है: थीम का रंग और टाइपोग्राफ़ी, और आकार, स्पेसिंग तथा रेडियस के पैमाने।
- आइकनहर आइकन slug, उसी आकार में जिसमें कंपोनेंट उसे बनाते हैं, कॉपी करने लायक कॉल और lucide.dev पर उसके नाम के साथ।
- सूची स्क्रीनसामान्य सूची स्क्रीन: शीर्षक, टूलबार और पंक्तियाँ, जो डेस्कटॉप और मोबाइल दोनों पर काम करती हैं।
- प्रदर्शनवे छोटे शब्दावली टुकड़े जिनसे स्क्रीन जुड़ती है: स्थिति, पहचान, प्रगति, और चेतावनी का इकलौता रूप।
- फ़ॉर्महर नियंत्रण, उन्हीं स्थितियों में जिनमें कोई असली फ़ॉर्म उसे रखता है। हर एक पैडिंग वाले rst-box में बैठता है, क्योंकि ये पार्शियल यही मानकर चलते हैं।
- दिनांक और समयdatetime.js जिन चार फ़ील्ड को बेहतर बनाता है, हर एक अपने नीचे मूल इनपुट रखता है, ताकि बिना स्क्रिप्ट वाले पाठक को सादा नियंत्रण मिले, टूटा हुआ नहीं।
- रूटवे टुकड़े जो पूरा उत्तर हैं, किसी उत्तर का हिस्सा नहीं।
- UI प्रिमिटिववे आकृतियाँ जो कोई कॉम्पोनेंट नहीं हो सकता, क्योंकि वे ऐसे भाग को घेरती हैं जिसे सिर्फ़ कॉल करने वाला जानता है: कार्ड, डेटा ग्रिड, मेन्यू, और शेल का अपना ढाँचा।
- तारीखें, संख्याएँ और नामतारीखें, संख्याएँ, पैसा, नाम और पते कैसे दिखाएँ, और कौन-से आपस में गड्ड-मड्ड हो जाते हैं।
- स्क्रीनडिज़ाइन सिस्टम से बनी स्क्रीन के उदाहरण। इन्हें आप अपने ऐप्स के लिए शुरुआती टेम्पलेट की तरह इस्तेमाल कर सकते हैं।
- शेलवे पेज फ़्रेम जिन्हें rastrillo new बना सकता है। हर एक पूरी चौड़ाई में खुलता है।