5 חלופות ל- Bootstrap בקוד פתוח

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

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

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

מעיל עליון

מעיל עליון

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

  • זה מהיר.
  • ניתן להתאים אישית ערכות נושא.
  • סמלים משלך.
  • Source Sans Pro, מקור OpenSource מבית Adobe.

מעיל עליון

UIkit

אויקיט

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

UIKit

ממשק משתמש סמנטי

ממשק משתמש סמנטי

יריב ראוי נוסף של Bootstrap לקחת בחשבון, מכיוון שהוא לא רק מספק רכיבים חדשים, אלא אנו יכולים לבחור בין מספר סגנונות / נושאים עבורם. אנחנו יכולים לבחור שהכפתורים למשל דומים או שווים לאלה של GMail, Github, Amazon, Google Material, Bootstrap, Twitter, בין היתר.

ממשק משתמש סמנטי

דיו

דיו

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

דיו

מטרו UI

MetroUI

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

מטרו UI

מסקנות

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

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


השאירו את התגובה שלכם

כתובת הדוא"ל שלך לא תפורסם. שדות חובה מסומנים *

*

*

  1. אחראי לנתונים: מיגל אנחל גטון
  2. מטרת הנתונים: בקרת ספאם, ניהול תגובות.
  3. לגיטימציה: הסכמתך
  4. מסירת הנתונים: הנתונים לא יועברו לצדדים שלישיים אלא בהתחייבות חוקית.
  5. אחסון נתונים: מסד נתונים המתארח על ידי Occentus Networks (EU)
  6. זכויות: בכל עת תוכל להגביל, לשחזר ולמחוק את המידע שלך.

  1.   מטלטל דיג'ו

    התגעגעת לתרומת יאהו: CSS טהור, היא מתמקדת במינימליזם וקלילות.

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

    http://purecss.io/

    1.    אלב דיג'ו

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

      1.    מטלטל דיג'ו

        מה שאני אוהב ב- Pure זה שהוא נותן לך את היסודות ומהיר מאוד ללמוד וליישם, אתה יכול להשתמש בו באתר וזה נותן לך מרחב לעשות משהו מקורי, אתה לא "bootstrapified" כמו רוב.

  2.   JoZ3 דיג'ו

    חבר, אני חושב שעזבת את אחד היריבים הגדולים של קרן Bootstrap…

    1.    אלב דיג'ו

      זה נכון ... המימון עבר עליי, שהוא עוד אחד מהגדולים, אולי המתחרה הגדולה ביותר של Bootstrap ממה שהם אומרים.

      1.    רטאקיל דיג'ו

        חבר אני מתגעגע אליך חומר חשוב אחד. לחיים

      2.    מרקוס דיג'ו

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

  3.   בלונפו דיג'ו

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

    1.    rlsalgueiro דיג'ו

      למעשה אתר הקישור שמשאיר בהתחלה את הבסיס הזה שללא ספק הוא אחד המתחרים החזקים ביותר.

  4.   רפאל מרדג'אי דיג'ו

    אני אתחיל לחשוב יותר על המסגרות הללו להתפתחויות מסוימות, בינתיים אני כותב את כל האתרים המגיבים מ- 0, עוד מאה תענוג כשכותבים הכל Xd

  5.   צֶלסִיוּס דיג'ו

    בסוף היום כולם אותו דבר. אותיות גדולות וטובות על רקע לבן

  6.   kik1n דיג'ו

    כללי BackEnd 😀

  7.   גבריאל דיג'ו

    האמת שברגע זה, הפוסט הזה טוב לי מאוד, תודה 😉

  8.   19. לצאת דיג'ו

    אני משתמש בסמנטיקה של ממשק המשתמש. זה לא כל כך אינטואיטיבי לומר

  9.   אלברטו קרלוס ווב אוז דיג'ו

    בלי להתממש, או בסיס, הרשימה הזו היא שטויות.

    1.    אלב דיג'ו

      למה אומר מי? היכן כתוב ששני אלה צריכים להיות ספציפיים? אם תקרא את ההערות (דבר שככל הנראה לא עשית) תראה שאני מכיר בכך שהחמצתי את הקרן, אך הרשימה שאתה רואה במאמר זה מבוססת על הערכתי, ואינך צריך להסכים איתה, אך אינך צריך לומר שהיא אַשׁפָּה.

  10.   Kamisama666 דיג'ו

    שלום, מאמר טוב מאוד. אבל רציתי לומר לך שנדמה שמישהו העתיק את זה באתר שלהם מבלי לשקף את המקור המקורי. אני לא יודע איך אתה מתמודד עם העניינים האלה, אבל חשבתי שתרצה לדעת. הקישור הוא: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    ברכה.

    1.    אלב דיג'ו

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

  11.   יורי ג'ג'יצקי דיג'ו

    תרומה מעולה! Bootstrap בהחלט פתחה את הדלתות לאנשים כמוני הטובים בקצה האחורי אך העלובים בקצה הקדמי ב- css כדי לספק מוצר הגון למראה. אולי זו לא הייתה הדרך הנכונה שבה היו צריכים להזכיר את זה, אבל אני מסכים שרשימה זו חסרה MaterializeCSS; מסגרת קלילה וחזקה, עם מראה של עיצוב חומרי ועקומת הלמידה הנפלאה ביותר שיש. תוך 10 דקות הצלחתי להקים ממשק נחמד מאוד בזכות המסגרת הזו. התיעוד שלו כל כך פשוט שלעומת bootstrap הוא גורם לו להיראות כמו הנדסת חלל. אז אני מציע להעיף מבט ב- Materialize (materializecss.com). לחיים!