Spectre.css - מבוסס Flexbox מבוסס מבוססי CSS מסגרת

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

אבל, למה להתחיל מאפס כאשר אתה יכול לבנות על גבי קוד לשימוש חוזר? Spectre.css הוא אחד המסגרות הטובות ביותר להתחיל להשתמש אם אתה חדש Flexbox.

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

זה גם משתמשת LESS במקום Sass, אשר יכול להפוך Specter ו בחירה נהדרת עבור כל המשתמשים LESS.

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

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

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

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

מסגרת זו היא עדיין די חדש וזה תמיד עובר שינויים. בזמן כתיבת שורות אלה, Specter הוא ב v0.2 ו יש שפע של תכונות ניסיוניות אתה יכול לנסות.

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

למידע נוסף ולהתחיל בעבודה, בקר בכתובת דף תיעוד כיסוי ההתקנה & ההתקנה.

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