CSS الحيوية - إطار الويب البسيط

تحريك Bootstrap سبب هناك إطار CSS جديد في المدينة. تسمى حيوي وأنها تجرد تطوير الواجهة الأمامية وصولا الى الضروريات العارية.

الحيوية يأتي مع فقط المغلق ولديه مكتبات JavaScript أو تبعياتها. ورقة أنماط Vital.css هي فقط 31 كيلو بايت مصغر, بما في ذلك الخطوط رمز.

فقط ملف CSS الخاص بـ Bootstrap وحده يبلغ حوالي 118 كيلوبايت. الحيوية هي 1 / 4th تقريبا حجم Bootstrap! انها مصممة للمطورين الذين فقط بحاجة الى حل سريع لمشروعهم المقبل.

الحيوية هي إطار مفتوح المصدر بالكامل مع كل رمز المتاحة على جيثب للاطلاع.

كل شيء بنيت مع ساس ل CSS و Slim for HTML. ولكن هذا هو فقط للتنمية, لذلك إذا كنت تستخدم Vital للإنتاج ، فيمكنك ذلك فقط تصدير CSS النقي مباشرة.

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

ولكن الاشياء الجيدة الحقيقية يمكن العثور عليها على مكونات الصفحة. هذه يسرد كل ما تحصل عليه مع الحيوية, بما في ذلك الشبكات ، الطباعة ، الأزرار ، اللوادر ، الجداول ، علامات التبويب ، مدخلات النموذج وغير ذلك الكثير.

لا تعتمد أي من هذه الميزات على JavaScript, وهي مكافأة ضخمة. منحت أنه يمكنك عمل المزيد باستخدام JavaScript ولكن من الجيد ألا تقلق بشأن JS أثناء تصميم الواجهة الأمامية.

يمكنك إعادة أي عنصر من صفحة المكونات فقط عن طريق باستخدام فئة CSS. هذه الفئات يمكن أن يكون الآلي إلى حد ما إذا كنت تستخدم Slim ، فهناك ميزة بسيطة لمستخدمي Sass / Slim.

لكن الحيوية يمكن أن تعمل بشكل جيد لأي مطور مع بعض تجربة HTML / CSS. انه مجانا تماما الإطار وانها أخف بكثير من البدائل.

لمعرفة المزيد ، تحقق من صفحة Vital الرئيسية أو تخطي هذه المقالة التي كتبها مؤلفو مناقشة Vital لماذا خلقوا الإطار؟ و المشاكل التي تهدف إلى حلها.