Milligram.css - ספריית Frontend מינימליסטית למפתחים

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

אבל מיליגרם היא חלופה סופר קל בסך של 8KB בקובץ .css ממוזערת. זה יכול להיות מותקן באמצעות באואר, NPM, או הורדה ישירה מתארח מקומית או באמצעות CDN.

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

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

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

הספרייה מנרמל תוספת & Google גופן יכול להרגיש כמו נטל. אבל הם יכולים להיות מתארח על CDNs חיצוני אז אתה אין צורך לדאוג לגבי זמני הטעינה של HTTP מהשרת שלך. מיליגרם מגיע עם עיצוב ברירת המחדל עבור כל האלמנטים הבסיסיים בדף:

• כותרות ופסקאות
• רשימות מסודרות ולא מסודרות
• בלוקוטה
• טבלאות
• שדות טופס
• תמונות עם כיתובים
• ועוד קצת!

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