כנף - מינימליסטי CSS Framework מעצבי אינטרנט רוצה

המערכת האקולוגית הקדמית מלאה מסגרות קוד פתוח עשה כדי לשפר את תהליך הפיתוח. בדרך כלל, כל אחד רוצה משהו שונה ממסגרות אלה; כמה אנשים מחפשים אסתטיקה בעוד אחרים רוצים מהירות או שימושיות.

כנף היא מסגרת חדשה וחברה הכי מינימליסטית. זה בא עם הגדרת ברירת המחדל של הרשת, אלמנטים מותאמים אישית, ו רכיבים סך הכל 5 KB.

אולי החלק הכי טוב על האגף הוא סטיילינג אוטומטי עבור רכיבי ברירת המחדל. אם אתה פשוט לזרוק את גיליון סגנונות CSS Wing לתוך הפרויקט שלך תוכל להבחין בשינויים באופן מיידי.

טקסט ברירת מחדל, קישורים ורכיבי דף מעצבים את עצמם באופן אוטומטי המבוססת על העיצובים של וינג. אתה יכול גם להוסיף כיתות נוספות משלך כדי להוסיף עוד אסתטיקה לדף.

אגף עם ספינות 960px רשת המערכת באמצעות 12-col מבנה. זוהי הגדרה פשוטה מאוד ואת רשת 960px נחשב בדרך כלל קטן מדי עבור הקהל של היום widescreen. אבל, אם אתה אוהב אתרים קטנים יותר זה בחירה מצוינת.

http://usewing.ml/ הוא פשוט משוגע ו כדלקמן משהו כזה:

 
 
1
 
2
 
3
 
 

ניתן לכלול א עותק מלא של האגף מ CDP Unpkg. הם שומרים את הקבצים שלהם מעודכנים בגירסה העדכנית ביותר, כך שלעולם לא תצטרך לשנות את שמות הקבצים. רק הוסף כתובת אתר זו לכותרת שלך ותקבלו גישה מלאה למסגרת האגף הנוכחית.

לחלופין, ניתן להוריד את החבילה באמצעות npm או למשוך עותק של המקור ממש מ GitHub.

הייתי משווה את האגף ל- Normalize.css שהיא מסגרת CSS הרבה יותר קטנה, זה יותר כמו ספריית איפוס. כנף למעשה מגיע עם סגנונות ברירת המחדל בעוד ש- Normalize.css מאפס את האלמנטים כך שיפעלו בכל הדפדפנים.

היופי של שניהם הוא שיש לך שליטה מלאה ל ערוך, לסגנן, ו לאתחל מחדש הדף עם זאת אתה רואה לנכון.

כל התיעוד וקטעי הקוד ניתן למצוא בדף הבית של Wing, לכן השתמש במדריך זה אם אינך בטוח כיצד להגדיר את האתר שלך.