chota اطار عمل css خفيف وعملي

عند ادراج اطار عمل css لتحسين مظهر موقعك يعتبر ذالك تحدي بين الجمال والاداء فما فائدة موقع جميل جدا ولكن اداءه بطي ويفسد تجربة زوار الموقع , كذالك لا ننسى اهمية الشكل الجميل للموقع والالوان المتناسقة والمريحة للعين

اذا كنت تريد استخدام اطار عمل css لمشروع صغير فلماذا لا تجرب chota فهو يحتوي علي نظام gird ممتاز كما يحتوي علي cards بالاضافة الي العديد من العناصر الاخرى الاساسية وبعد الادوات التي تساعد في التنسيق والالوان.

تضمين اطار عمل chota في مشروعك

<link rel="stylesheet" href="https://unpkg.com/chota@latest">

أو قم بتحميل اخر اصدار من اطار عمل chota

تحميل chota

او عن طريق npm

npm install chota

قبل البدء لاتنسى اضافة dir="rtl" للوسم html في القالب الذي تريد العمل عليه.

مميزات chota

1. اجراء التعديلات بسهولة

لتعديل الالوان وحجم الحاوي وحجم الخط ونوعه فقط قم باضفة هذا السطر بعد تضمين اطار العمل في مشروعك , وهذا مثال على ما قمت بإستخدامه في احد مشاريعي.

:root { --color-primary: #2a6df4; --color-lightGrey: #f5f6fa; --color-grey: #D3D3D4; --color-darkGrey: #1c1c21; --color-error: #f54251; --color-success: #88c559; --grid-maxWidth: 100rem; --grid-gutter: 2rem; --font-size: 1.6rem; --font-family: "Changa", sans-serif; }

2. الكثير من العناصر بالنسبة لحجمه الصغير

يحتوي اطار عمل css هذا علي عناصر تساعدك علي العمل بسهولة في تسنيق الموقع , فاذا قمت بمقارنته بغيره من اطر العمل التي تحتوي على نفس العدد من العناصر لوجدت ان حجمها يفوق حجم chota بكثير والذي لا يزيد عن 3 كيلوبايت لو ضغطته بتقنة gzip.

العناصر التي يتضمنها هذا الاطار:
  • grid
  • buttons
  • nav
  • card
  • tag
  • utilities

عيوب chota

1. لايوجد تحكم بالمسافات

يفتقر اطار عمل chota css للادوات التي تساعد في التحكم ب margin و padding بالنسبة لي اجد هذا الامر مزعج جدا حيث تعتبر المسافات و التباعد بين العناصر من اهم الادوات التي تحتاجها في اغلب الاحيان.

2. يعمل على المتصفحات الحديثة فقط

يعمل اطار عمل chota على المتصفحات الحديثة فقط مما يجعله غير متوافق مع المتصفحات ذات الاصدرات القديمة.

0 التعليقات: