פיקוד CSS CSS קל הספרייה כדי לבעוט פרוייקטים האינטרנט שלך

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

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

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

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

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

פיקניק CSS נבנה גם להיות קטן להפליא וזה אמצעים רק 10KB בגודל בעת צמצום. זה בערך 1/10^ה של Bootstrap וזה עדיין יש את כל הקסם שאתה מצפה במסגרת UI מותאם אישית.

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

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

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

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

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