10 חלופות קל Bootstrap & קרן

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

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

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

עוד על Hongkiat.com:

• תחילת העבודה עם טוויטר Boottrap
• באמצעות Bootstrap 3 עם Sass
• כלי Bootstrap: בניית HTML Bootprap פריסות
• עבודה עם Bootstrap Plugin: חלון מודאלי
• כלי Bootstrap: בניית Megamenu עם YAMM3

1. שלד

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

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

2. קרדינל

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

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

3. תמציתית

ConciseCSS היא מסגרת CSS - ללא נפיחות. זוהי מסגרת רזה שנבנתה על גבי Sass, LESS, ו Stylus אשר סוללת את נתיב הזהב שלה לתחזוקת CSS. אבל, אם אתה מעדיף פשוט וניל CSS פשוט, אתה יכול לקבל את זה גם כן.

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

4. PowertoCSS

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

5. Furtive

Furtive היא מסגרת ה- CSS הראשונה הניידת שנבנתה סביב תקני אינטרנט מתקדמים כמו שימוש ב- Flexbox לרשת rem יחידה עבור מידות שינוי גודל (כולל גודל גופן). Furtive שומרת על טביעת רגל קטנה ב- CSS על-ידי תמיכה בדפדפנים ישנים יותר (* שיעול * Internet Explorer) מכיוון שהם דורשים פריצה ב- CSS. מכאן Furtive היא מסגרת מושלמת אם אתה בעיצוב אתר עבור העתיד.

6. בס

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

7. מילר

Mueller הוא מודולרי רשת תגובה רשת בנוי על גבי Sass ומצפן. עם מילר, אתה יכול לבנות את הרשת או על ידי הוספת שיעורים ישר אל רכיבי HTML, או אם אתה מעדיף אלמנטים HTML שלך להיות מסודר ונקי, באמצעות רשת () פונקציה. רשת Mueller ניתן להשתמש בד בבד עם הספרייה Javascript בנייה ליצור Pinterest כמו פריסה.

8. טוקטוק

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

9. בסיס

הבסיס בנוי על גבי LESS ו- Sass, והוא כולל רק את המרכיבים החיוניים ביותר לבניית אתרי אינטרנט: הרשת והסגנון הבסיסי של רכיבי HTML. הבסיס אינו מגיע עם רכיבי Javascript, אך הוא מספק תאימות דפדפן מעולה עד כדי כך שהוא פועל גם עם IE7.

10. טוסט

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