דף הבית » ממשק משתמש / UX » זה דף GitHub רשימות שאינם JS חלופות עבור תכונות ממשק משתמש נפוצות

    זה דף GitHub רשימות שאינם JS חלופות עבור תכונות ממשק משתמש נפוצות

    כמה פעמים רצית לבנות מצגת CSS-only מהירה או חלון מודאלי? אלה הם חלק רכיבי ממשק המשתמש הנפוצים ביותר באינטרנט ובימינו אתה יכול לבנות אותם ללא כל JavaScript.

    בטח, אפשר להכות את Google מחפש פתרונות. אבל למה לא לבחור מתוך רשימה מאוגדת של משאבים מדהימים?

    זה המקום שבו זה דף GitHub נכנס לפעולה. זה נקרא "אתה לא צריך JavaScript", והוא מציע רשימה ענקית של פתרונות עביד עבור רכיבי ממשק משותף.

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

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

    עם זאת, אם אתה גוסס טהור פתרונות CSS אז זה GitHub יש לך מכוסה.

    הרשימה כוללת את התכונות 20 אלמנטים שונים של ממשק המשתמש עם פתרונות בולטים רבים, כגון:

    • תפריטי המבורגר
    • תיאורי כלים
    • כרטיסיות
    • גלריות תמונות
    • תפריטים נפתחים
    • וכל כך הרבה יותר.

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

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

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

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

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

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

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

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