المعطف الخفيف - مطورو CSS الإطاريين بسرعة البرق سيحبون

عند اختيار إطار الواجهة الأمامية ، ستنظر عادةً إلى الجماليات أولاً. ولا تفهموني خطأ ، الجماليات مهمة!

لكن موقع الويب الخاص بك الأداء أمر بالغ الأهمية لسهولة الاستخدام بقدر التصميم من صفحتك. بالنسبة للعديد من الأطر مثل Bootstrap ، يمكنك فقط اختيار الأداء أو التصميم ، نادرًا ما كلاهما.

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

الشيء الممتع في Topcoat هو أنه لا يشعر بخفة الوزن أو الحد الأدنى أيضًا.

مازال لديك الوصول إلى مكتبة ضخمة من المكونات من الأزرار إلى علامات التبويب, مربعات الاختيار وحقول النماذج ومفاتيح التشغيل / الإيقاف (من بين العديد من العناصر الأخرى).

تأتي المكتبة مع ملف CSS و JS الذي قمت بتضمينه للتو في صفحتك للبدء في العمل. لا شيء معقد للغاية ، وبالتأكيد ليس أكثر تعقيدًا من Bootstrap على Twitter.

منحت مكتبة المكونات قد تشعر أصغر من Bootstrap والمقصود أن تكون أخف وزنا. ومع ذلك ، فإن بنية الصفحة رائعة تجعل Topcoat إطارًا رائعًا لمواقع جديدة تمامًا يهتم بالسرعة أول.

يستخدم Topcoat اصطلاحات تسمية BEM ، وهي واحدة من العديد من أنماط الكتابة الشائعة في CSS المصممة لتنظيم التعليمات البرمجية الخاصة بك. قد يكون من الصعب معرفة ما إذا كنت ترغب في توسيع ورقة أنماط Topcoat ، ولكن ذلك سيؤدي إلى مسح عملية الترميز الخاصة بك قليلاً جدًا.

أيضًا مع Topcoat ، يمكنك الوصول الكامل إلى ملفات PSD الخاصة بها إذا كنت ترغب في تحرير أو إعادة تصميم أي من مكونات الصفحة. لطيف جدا!

كل شيء من تأتي الأنماط المخصصة لمجموعات الأيقونات المخصصة مغلفة بـ Topcoat. إنها أنظف إطار أمامي ستجده بتركيز واضح على الأداء.

لمعرفة المزيد ، تفضل بزيارة موقع الويب Topcoat وتأكد من مراجعة GitHub repo الرئيسي للحصول على تعليمات الإعداد + روابط التنزيل إلى الملفات المصدر.

يمكنك أيضًا مشاركة أفكارك مع الفريق على حساب Twitter الخاص بهم @ Topcoat.