בניית אתרי אינטרנט עם תגובה מהירה יותר עם ממשק משתמש סמנטי

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

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

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

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

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

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

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

הספרייה כולה מסתכמת 3,000 + משתנים נושאים אתה יכול לשנות ב Sass או על ידי הרחבת styleheet שלך. בנוסף, ממשק משתמש סמנטי מגיע ארוז עם תשעה נושאים ברירת מחדלYou

1. ברירת מחדל סמנטית
2. שמנמן
3. גויס
4. קלאסי
5. חומר של Google
6. אמזון
7. מגף
8. GitHub
9. טוויטר

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

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

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

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