Yumma CSS – جایگزین جدید برای چارچوب های مدرن CSS

اگر با Bootstrap و Tailwind CSS آشنایی دارید، می‌دانید که اشکال‌زدایی از کدهای خود تا چه حد می‌تواند دشوار باشد، به خصوص زمانی که روی یک برنامه بزرگ کار می‌کنید. راستش را بخواهید، هر پروژه Bootstrap یا Tailwind CSS که روی آن کار می‌کردم با خطوط کد بسیار زیادی ختم می‌شد، و به جایی می‌رسید که از این رویکرد خسته می‌شدم.

Yumma CSS چگونه مقایسه می شود؟

Yumma CSS از یک نام گذاری کوتاه شده استفاده می کند که شبیه به سینتکس معمولی CSS است.

وسط با استفاده از Flexbox

بیایید ببینیم که مرکز کردن با جعبه فلکس در این چارچوب ها چگونه است:

با استفاده از بوت استرپ

...

با استفاده از Tailwind CSS

...

استفاده از Yumma CSS

...

Yumma CSS مجموعه ای از شبه کلاس ها و نقاط شکست پاسخگو مانند sm:*، md:*، lg:*، xl:*، و xxl:*. این باعث می‌شود طرح‌های خود را بر اساس اندازه صفحه نمایش و تعاملات کاربر تطبیق دهید.

اجزای ساختمان

بیایید ببینیم که Yumma CSS چگونه در مقابل Tailwind CSS هنگام ساختن یک کامپوننت Card Grid قرار می گیرد.

کارت CSS Tailwind

    

        

            
            

                This update has some important bug fixes and also fixes an issue that
                was preventing users from enabling or disabling Advanced Data Protection.
            
            
                What's new?
            
        
        

            
                Update Now
            
            
   ...