الجناح - الحد الأدنى CSS الإطار مصممي الويب يريدون

النظام البيئي الواجهة الأمامية مليء أطر عمل مفتوحة المصدر قدمت لتحسين عملية التنمية الخاصة بك. عادة ، الكل يريد شيئًا مختلفًا عن هذه الأطر ؛ بعض الناس يبحثون عن جماليات بينما يريد الآخرون سرعة أو سهولة الاستخدام.

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

ربما أفضل جزء عن الجناح هو التصميم التلقائي للعناصر الافتراضية. إذا قمت فقط بإسقاط ورقة أنماط Wing CSS في مشروعك ، فستلاحظ التغييرات فورًا.

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

سفن الجناح مع نظام الشبكة 960px باستخدام أ هيكل 12-col. هذا إعداد بسيط للغاية ، وعادة ما تعتبر شبكة 960 بكسل صغيرة جدًا على جمهور الشاشة العريضة اليوم. ولكن ، إذا كنت تحب المواقع الصغيرة ، فهذا اختيار ممتاز.

http://usewing.ml/ مجنون بسيط ويتبع شيئًا مثل هذا:

 
 
1
 
2
 
3
 
 

يمكنك تضمين أ نسخة كاملة من الجناح من Unpkg CDN. يحافظون على تحديث ملفاتهم بأحدث إصدار ، لذلك لن تحتاج أبدًا إلى تغيير أسماء الملفات. مجرد أضف عنوان URL هذا إلى عنوانك وستحصل على حق الوصول الكامل إلى إطار الجناح الحالي.

بدلاً من ذلك ، يمكنك تنزيل الحزمة عبر npm أو سحب نسخة من المصدر مباشرة من جيثب.

سأقارن Wing بـ Normalize.css وهو إطار CSS أصغر بكثير ، وهذا يشبه إلى حد كبير إعادة ضبط المكتبة. الجناح فعلا يأتي مع الأنماط الافتراضية بينما يعمل Normalize.css على إعادة تعيين العناصر للعمل بنفس الطريقة في جميع المتصفحات.

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

جميع الوثائق ومقتطفات الكود يمكن العثور عليها في صفحة Wing الرئيسية ، لذا استخدم هذا الدليل إذا لم تكن متأكدًا من كيفية إعداد موقعك.