בניית אתרים צבעוניים שטוחים עם ערכת ממשק משתמש CSS מנטה

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

יש המון ערכות באמצעות עיצוב שטוח אבל כמה להתקרב CSS מנטה. זה 100% חינם קוד פתוח UI Kit עובד נהדר עבור כל הפרויקטים וכל סוג של אתר שאתה יכול לדמיין.

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

כל קוד CSS להלן עקרונות OOCSS, אז אתה צריך להיות קל להוסיף את (או התאמה אישית) את הקוד הקיים.

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

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

אלמנטים. רוב רכיבי ברירת המחדל כגון

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

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

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

הוא אינו מציע שליטה רבה כמו Sass ומסגרות פחות אבל היופי של מנטה טמונה הפשטות שלה. פשוט להוסיף את stylesheet לדף שלך ואתה טוב ללכת!

כדי ללמוד עוד בקר GitHub ריפו להורדה קישורים והוראות התקנה. וכן, אתה יכול לחלוק את המחשבות שלך עם היוצר אהרון מייקל Dsouza ב Twitter @ amdsouza92 שלו.