rastrillo ডিজাইন সিস্টেম
ডিজাইন সিস্টেম যা কিছু দেয়, তার সংক্ষিপ্ত পরিচয়। থিম: signal। ভাষা: বাংলা।
সংক্ষিপ্ত বিবরণ
Rastrillo ডিজাইন সিস্টেমের লক্ষ্য হলো যেকোনো অ্যাপের জন্য একটি শুরুর কাঠামো হওয়া: সামঞ্জস্যপূর্ণ, পরিপাটি ও সহজলভ্য একটি ইন্টারফেস, JavaScript-এর উপর কোনও বা খুব সামান্য নির্ভরতা, একাধিক ভাষায় উপলব্ধ, আর পরিচ্ছন্ন, আধুনিক HTML ও CSS দিয়ে লেখা। এটি এমনভাবে তৈরি যাতে LLM-এর সাহায্য নিয়ে বা না নিয়ে ব্যবহার করতে ভালো লাগে, আর সহজেই নতুন করে সাজানো যায়।
ডেমো অ্যাপ
কেবল এই সিস্টেম দিয়েই বানানো একটি চালু অ্যাপ: একটি ড্যাশবোর্ড, একটি তালিকা, খোলা একটি রেকর্ড। প্রত্যেকটির নিজস্ব ঠিকানা আছে। JavaScript নেই।
এরপর কোথায় যাবেন
- শুরু করাRastrillo ডিজাইন সিস্টেমের সঙ্গে আসা স্টাইলশিট আর স্ক্রিপ্ট সম্পর্কে বিস্তারিত।
- টোকেনযে সমস্ত কাস্টম প্রপার্টি দিয়ে সিস্টেমটি তৈরি: থিমের রং ও টাইপোগ্রাফি, আর আকার, ফাঁক ও ব্যাসার্ধের মাপ।
- আইকনপ্রতিটি আইকন slug, কম্পোনেন্ট যে মাপে আঁকে সেই মাপে, কপি করার কল আর lucide.dev-এ তার নাম সহ।
- তালিকার পর্দাসাধারণ তালিকা স্ক্রিন: শিরোনাম, টুলবার আর সারি, ডেস্কটপ ও মোবাইল দুটোতেই চলে।
- উপস্থাপনযে ছোট ছোট শব্দভান্ডার দিয়ে একটি পর্দা গড়া হয়: অবস্থা, পরিচয়, অগ্রগতি, আর সতর্কবার্তার একমাত্র রূপ।
- ফর্মপ্রতিটি কন্ট্রোল, বাস্তব ফর্ম যে অবস্থাগুলোতে সেগুলোকে রাখে সেই অবস্থায়। প্রতিটি বসে প্যাডিংযুক্ত rst-box-এ, কারণ এই পার্শিয়ালগুলো সেটাই ধরে নেয়।
- তারিখ ও সময়datetime.js যে চারটি ফিল্ড উন্নত করে, প্রতিটির নিচে থাকে তার নিজস্ব নেটিভ ইনপুট, যাতে স্ক্রিপ্ট ছাড়া পাঠক সাদামাটা নিয়ন্ত্রণটি পান, ভাঙা কিছু নয়।
- রুটযে অংশগুলো নিজেরাই একটি গোটা রেসপন্স, কোনো রেসপন্সের টুকরো নয়।
- UI প্রিমিটিভযেসব আকার কোনও কম্পোনেন্ট হতে পারে না, কারণ সেগুলি এমন একটি দেহ ঘিরে রাখে যা কেবল আহ্বানকারীই জানে: কার্ড, ডেটা গ্রিড, মেনু, আর শেলগুলির নিজস্ব কাঠামো।
- তারিখ, সংখ্যা আর নামতারিখ, সংখ্যা, টাকা, নাম আর ঠিকানা কীভাবে দেখাবেন, আর কোনগুলি মানুষ গুলিয়ে ফেলে।
- স্ক্রিনডিজাইন সিস্টেম ব্যবহার করে বানানো স্ক্রিনের উদাহরণ। নিজের অ্যাপের জন্য এগুলিকে শুরুর টেমপ্লেট হিসেবে ব্যবহার করতে পারেন।
- শেলrastrillo new যে পেজ ফ্রেমগুলি তৈরি করতে পারে। প্রতিটিই পুরো প্রস্থে খোলে।