Semantic UI

צילום מסך תוכנה:
Semantic UI
פרטי תוכנה:
גרסה: 2.1.8 מעודכן
טען תאריך: 10 Feb 16
מפתחים: Jack Lukic
רשיון: ללא תשלום
פופולריות: 128

Rating: 3.5/5 (Total Votes: 2)

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

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

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

מה חדש בהודעה זו:

  • ממשק משתמש חדש:
  • מיכל - מיכלים שתוקנו מכולות רוחב נועדו להחזקת תוכן העמוד, והם אלטרנטיבה פשוטה לרשת דף ui, להציג דוגמאות נוספות ב Docs
  • בחירה מרובה - ניו מספר סוגים נפתחים נוספה. שיפורים נפתחים חדשים רבים נוספו כולל תכונות התיוג / Tokenizing ונתוני טעינה באמצעות בקשות API.
  • שבץ - ניו רכיב embed מאפשר עבור הטמעות iframe תגובה מקיים יחס הממדים שלהם. שבץ יכול לשמש עם סרטוני YouTube או Vimeo, יחד עם תוכן שומר מקום כדי למנוע טעינת ספריות צד שלישי עד שמשתמש בוחר לקיים אינטראקציה עם וידאו.
  • סרן שיפורים:
  • אתר - צבעים חדשים נוספים זית, סגול, חום ואפור. אלה זמינים בכל האלמנטים עם שינויים בצבע.
  • API - ממשק API כעת ניתן להשתמש עם תגובות לעג, ובקשות AJAX מותאמות אישית. mockResponse נוספה לפתור בקשה עם אובייקט JSON שנקבע מראש, או התקשרות פונקציה סינכרוני.
  • API mockResponseAsync נוספה לבקשות אסינכרוני מותאם אישית. זה מאפשר לך לציין התקשרות async המותאם אישית כדי לפתור בקשת API, עוזר עם אינטגרציה עם ספריות כמו גחלת או זווית שעשויה לעטוף בקשות AJAX.
  • API - callbacks API כעת יש התקשרות onResponse שיכול להתאים תגובה שירתה לפני כן, הוא מנותח על ידי callbacks אחרים תנאים להצלחה או לכישלון
  • .
  • API - ממשק API מספק כעת הגדרה במטמון מקומית להימנע roundtrips שרת כתובות זהות באמצעות מטמון: "מקומי". זו אינה מופעלת כברירת מחדל. במטמון מקומי שימושי התוצאות כי צריך להחזיר אותם ערכים על פני מושב יחיד, למשל כאשר שאילתות השלמה אוטומטית.
  • כרטיס - כרטיסים כעת תמיכה בלוקי תוכן מותאם אישית מרובים. בלוקים ותמונות תוכן יכולים עכשיו להופיע בכל סדר.
  • תיבת סימון - תיבת סימון כבר לא דורש JavaScript כדי לתפקד
  • .
  • תיבת סימון -. נוספה תמיכה עבור תיבות סימון מוגדר, יחד עם לסגנון חדש
  • תיבת סימון - עכשיו כולל התנהגויות נפרדות ומחוללים שינויים המדינה ללא הפנייה callbacks להגדיר בדק vs בדק
  • נפתח -. נוסף אינטגרצית API מרחוק עם נפתח, כדי לאפשר בחירת חיפוש כדי לבצע שאילתות מול בסיס נתונים מרחוק
  • דימר - דימרים עכשיו יש וריאציה טשטוש אשר להחיל אפקט דמוי זכוכית כאשר מעומעמת
  • נפתחת - DROPDOWNS כעת אוטומטית לצפות שינויים בתפריט ויעדכן מטמון בורר עם תוספות חדשות
  • DROPDOWNS - התווסף היכולת להוסיף אפשרויות מותאמות אישית לכל ברשימות נפתחות בחירת החיפוש (רב / יחיד) באמצעות allowAdditions: ההגדרה נכונה. חיפוש מציג כעת הודעות שגיאה על שום תוצאות בכל המקרים.
  • נפתח -. קיצורי מקשים נוספו לבחירת אפשרויות נפתחות, למשל "N" יגלול ל "ניו יורק" ברשימת בחירת מדינה, בדומה nativebehavior
  • נפתח -. נוסף וריאציה נפתחת חדשה גלילה הנפתחת וגלילת תפריט, זה יכול לשמש כדי לכלול קטע לגלילה בתוך תפריט נפתח
  • נפתח - נפתחים באופן אוטומטי הנפש כלפי מעלה אם אין מספיק מקום להופיע מתחת
  • .
  • נפתח - השימוש בדף Up ו- Page Down מפתחות יהיו עכשיו לגלול תפריטים ידי דף אחד בכל פעם
  • טופס - טפסים עכשיו להשתמש flexbox ליצירת קבוצות שדה. שדות Inline כעת תמיכה (x) אומדת רחבה באמצעות פלקס
  • Grid - רשתות כעת להשתמש flexbox, עמודות הם עכשיו כל גובה שווה כברירת מחדל. סוגים יישור flexbox חדשים כמו מתיחה נוספו ליישור אנכי קל.
  • UI מרובה - רכיבים רבים משתמשים כעת flexbox, כלומר תיקונים מבלבלים קודמים כמו font-size: 0; כדי להסיר white-space מבלוק מוטבע כבר לא נחוץ. הסרת גרזן זה, עכשיו פירושו כל אלמנט יכול להיות ילד ישיר של רשת או תפריט.
  • מודאלי - נוסף הגדרות חדשות טשטוש הפוך אלה מאפשרות לך להגדיר דימר של מודאלית או הפוך או טשטוש
  • .
  • תפריט - תפריט משתמש כעת flexbox. זה מאפשר פריטים בתפריט להתאים כל לגבהים אחרים ללא קשר כל פריטי גודל תוכן. תוכן תפריט נכון צריך עכשיו אחרי תוכן תפריט אחר במקום שקדם לה (כבר לא משתמש float).
  • Grid - רשתות נמצאות כעת flexbox וגובה שווים כברירת מחדל, וריאצית הגובה השווה ניתן להסיר בבטחה
  • Popup -. Popup שוכתב כדי לשפר את הביצועים באופן דרסטי, במיוחד כאשר בודקים מספר עמדות
  • מעבר - חלופי אנימציות JavaScript הוסרו רכיבי ממשק משתמש כמו נפתח קופץ כדי להגביר את הביצועים. זה מבטל את הצורך סלקטורים פסאודו יקר כמו: גלוי,: אנימציה:. מוסתרים ומפחית filesize
  • אימות טופס - טופס אימות חברה משתמשת הגדרות יחידות להתנגד כמו מודולים אחרים. שימוש (שדות, הגדרות) ימשיך לפעול אך יפיק הודעות פחת הקונסולה
  • אימות טופס -. טופס אימות תומכת כעת כלל אימות חדשה רבות, כולל כמה במיוחד לשימוש עם ערכים רבים בחירה
  • פריט - פריטים משתמשים כעת flexbox עבור פריסה
  • .
  • הודעה - הודעת סמל חברה משתמשת flexbox עבור פריסה
  • תפריט - אנכי תפריט טבלאי, תפריט כרטיסייה אנכי, נוסף
  • קלט - כל סוגי הקלט להשתמש flexbox עבור פריסה
  • פלח - מגזרי חברה לתמוך קינון מורכב, רבי כללים חדשים כיצד קבוצות המגזר אמורות להופיע בתוך קבוצות
  • פלח -. קבוצות קטע אופקי חדשות הופכות להנחת עמודות טקסט שינוי גודל אוטומטי הרבה יותר קל
  • Sidebar - iOS כעת כראוי לדווח ערכי scrollTop עבור מסמך או ברקמות גוף כאשר משתמשים צדדיים. Chrome ב- iOS כבר אין לו בעיות עם תוכן קבוע לא נשמר מייד בעת שימוש צדדית.
  • צורות - צורות כעת בצורה נכונה ומתאימה עבור שוליים על הצדדים
  • שלבים - צעדים כעת להשתמש flexbox, צעדים נוזלים עכשיו מרכז תוכן בתוך כל שלב
  • שלבים - צעדים כבר לא צריך פריט לספור באופן אוטומטי לחלק באופן שווה
  • מעבר - מעבר קוד בצורה מיטבית כדי להגביר את הביצועים. 100% שיפור על האנימציה ראשונה, ו -40% שיפור על הניפשות הבאות.
  • ראות - שימוש .visibility ({type: 'קבוע'}) יהיה כעת באופן אוטומטי להוסיף אלמנט מציין מיקום אשר יתחלפו במקומות עם אלמנט כאשר היא מחוברת לאזור התצוגה. זה אמור להפוך תוכן קבוע דרסטי פשוט יותר.
  • ראות - ראות ודביקה כעת להשתמש בפאב performant יותר / דפוס משנה, כי תהיה רק ​​לצרף אירוע בודד להיקשר גלילה
  • .
  • ראות - הוסיף שתי שיחות טלפון נראים חדשים onOnScreen ו onOffScreen, אשר מתרחש, רוב ברור כאשר האלמנט ראשון מופיע או מתוך נקודת המבט של דפדפן
  • .
  • שיפורים:
  • אתר -. נוסף הרבה משתנה אתר חדש, כולל היכולת לשלוט בגודל קלט בכל UI inputPadding, יחד עם יותר צבעי גבול, מבטאים, וצבעים
  • אקורדיון - מוסיף התקשרות onOpening ו onClosing (לפני אנימציה) ללכת עם OnOpen, OnClose (לאחר אנימציה)
  • אקורדיון -. נוסף על הגדרה לציון אירוע הדק אקורדיון
  • עדכון פעילות - פעילות להאכיל שוכתב להשתמש flexbox
  • API - ממשק API עכשיו יש הגדרות חדשות throttleFirstRequest ו interruptRequests. בקשות פסיקה תתבטלנה בקשה קודמת על אלמנט בעת ביצוע בקשה חדשה. throttleFirstRequest, הוא שיקבע אם הבקשה הראשונה או בקשות נוספות רק צריכה לְהִתְחַנֵק כאשר משך מצערת מצוין.
  • בנה כלים - בניית כלי חברה יציגו שגיאות שהוגדרו מראש בעת פתיחת קובץ נושא חסר או אלמנט מציין נושא זמין
  • .
  • בנה כלי - התאמת site.variables כעת לשקם את כל ממשק משתמש, במקום רק site.less
  • לחצן - התווסף: סגנונות מוקד לכל סוגי כפתור, כל הדוגמאות כפתור מסמכים כעת הם מקלדת focusable באף אחת או TabIndex מקום שמתאים
  • .
  • כרטיס - כרטיס כולל כעת וריאציה מרוכזת
  • תיבת סימון -. תיבת סימון יהיה עכשיו בחן התנהגויות נכונות מופעלות על אלמנט קלט ילד במקום את תיבת סימון UI
  • תיבת סימון - צמצום kb גודל גופן סמל
  • מפריד - מפריד אנכי בתוך רשת UI מהווה כיום טור ריפוד
  • נפתחים - תפריטי גלילה מקונן כעת תמיכת בחירת מקלדת, למשל, "A" לחיצה על תפוח, וגלילת מקלדת.
  • נפתח - DROPDOWNS עכשיו יש הגדרת משחק כדי לציין אם יש להתאים על טקסט, ערך או שניהם
  • נפתח - ברשימות נפתחות בוחרים Multi עכשיו יש הגדרות חדשות לציון בחירה מרבית ספירה
  • נפתח - יש נפתחת מציינת מיקום חדש הגדרת ההגדרה מציין מיקום טקסט JavaScript
  • נפתח - הוסף showOnFocus האפשרות המאפשר לציין אם תפריט נפתח צריך להראות על מיקוד
  • נפתח - fullTextSearch: נכון עכשיו משתמש חיפוש דומה (זהה לחיפוש UI)
  • נפתחת - דף למטה ובעמוד עד עכשיו עובד עם תפריטים הנפתחת
  • נפתחת - נפתח אותחל עם אביזר נכים על אופציה יהיה כעת בצורה נכונה להופיע מושבת
  • נפתח - נוספת מצב פריט נכים, פריטי נכים יהיו דלג באופן אוטומטי עם בחירת מקלדת
  • טופס - נוספה שורה של סגנונות חדשים עבור שדות טופס השלמה אוטומטית על ידי הדפדפן שלך, כולל שגיאה השלמה אוטומטית, ולהתמקד מדינות
  • טופס - נוספת כללי צבע מציין מיקום עבור IE, MS-קלט-מציין מיקום
  • טופס - תקן צבע בחירת מקלדת נפתחת שדה errored
  • טופס - מוסיף טופס הצלחה המדינה
  • טופס אימות - הוספו התנהגות חוקית, מחזירה אמת / שקר אם הטופס תקף
  • אימות טופס - נוספת [שדה] שונה כלל מחייב שדה להיות שונה מאשר עוד תחום
  • אימות טופס - נתוני אמת עכשיו גוברת על תוכניות התאמת אימות אחרות כמו שם או קוד ID
  • אימות טופס - חוקים חדשים עבור התאמה מותאמת אישית נגד ביטויים רגולריים
  • אימות טופס - טופס אימות עכשיו יש minCount, maxCount, ו exactCount על תיקוף בחירות מרובות
  • Grid - תאיים הרשת עכשיו מסיר תאים פנימיים בנייד ובטאבלט הפועל עם הכפלת וריאציה רשת תגובה
  • .
  • Grid -. נוסף מסך גדול בלבד widescreen רק וריאציות תגובה עבור רשת
  • Grid - רשתות רוחב שווה עכשיו עובד ללא בשורה עטיפות
  • Grid -! שורות יכול עכשיו להיות מתוח כמו גם באמצע מיושר, בתחתית בציר העליון מיושר
  • Grid - שוליים קבוע על פנימי תאי לרשת
  • Grid - תאי וכלפי פנים תאי לרשת כעת להשתמש flexbox במקום תצוגה: שולחן;
  • כותרות - התווסף כותרת חדשה כותרת משנה סוג, שימושי עבור הצגת כותרות קטנות לצד תוכן הטקסט. ראה דוגמאות של מסמכי הכותרת
  • תמונה - תמונות חברה כוללות וריאציה במרווחים להוספת רווחים סביב תמונות בעת שימוש יישור עם טקסט
  • .
  • קלט - נוספת כללי צבע מציין מיקום עבור IE, MS-קלט-מציין מיקום
  • קלט - פעולת קלט תומך כעת כפתורים מרובים, ותפריט נפתח
  • לייבל - תוויות עכשיו יש מדינות לרחף פעיל ופעילה
  • לייבל - לייבל החברה קובעת גובה img גם כאשר לא משתמש תווית תמונה
  • רשימה - כל תוכן בתוך רשימת UI כעת ניתן מיושר אנכי
  • תפריט - להוסיף דוגמאות / תיעוד עבור תפריט קבוע
  • תפריט - נוסף וריאציה התפריט stackable עבור תפריטים פשוטים תגובה
  • תפריט - התווסף רבים משתנים חדשים לתפריט
  • תפריט -. קבוע כמה בעיות ירושה עבור פריט הנפתח בתוך התפריט המופיעים כפריט תפריט
  • תפריט - אופק תפריטים כעת להגדיר גודל תמונת ברירת מחדל עבור תמונות / לוגו
  • תפריט - פריטי תפריטים הם עכשיו קצת יותר מרופד
  • תפריט - לרחף / המצב הפעיל של פריט נפתח הותאם כדי להתאים פריט. יכול להיות מוטות סגנונות נפתח במיוחד בתוך התפריט.
  • תפריט - תפריטים נפתחים אנכיים כבר לא 100% min-width
  • מודאלי - מודאלי חברה משתמש בקנה מידה מותאם מעבר ערכת נושא ברירת המחדל, כי צריך להיות יותר עדין ולעבוד טוב יותר עם תוכן מודאלית ארוך
  • .
  • מודאלי - מודאלי onApprove ו onDeny עכשיו לקבל את אלמנט הפעלת כפרמטר הראשון. נוסף תיעוד על השימוש return false כדי להימנע מסתירה אלמנט על קליק.
  • מודאלי - מודאלי תוכן משתמש כעת Flex, תוכן התמונה דורש כעת מחלקת תוכן התמונה על ההורה כדי לאפשר לסגנון להגמיש
  • .
  • Popup - Popup עכשיו מגדיר להפוך ממוצא כך אנימציות יושפע לכיוון האלמנט מושם
  • Popup - onShow ו onHide התקשרות יכולה עכשיו לבטל קופץ הצגה או הסתרה ידי החזרת שווא
  • Popup - נוסף גדלים רבים יותר עבור קופץ מיני, זעיר
  • התקדמות - המציין תוויות עכשיו הם יותר קריא שימוש משתנה css נפרד מן מציין צבע בר
  • Reveal - התווסף מדינה חדשה פעילה המאפשרת לך להציג לחשוף תכנותי
  • חיפוש - ( '. חיפוש "). Cache יכול עכשיו להיות מסומן באמצעות $ חיפוש (' מטמון ברור ')
  • פלח - נוספת מרופד וריאציות קטע מרופדות מאוד
  • חיפוש - חיפוש החברה המפעילה את מזהה ייחודי שנוצר על ידי תוצאה בעמדה לאחזר תוצאות. לקבלת התוצאה הראשונה של הקטגוריה לדוגמה # 1 "A1". בעבר תוצאה כותרות שימשו "id" שלהם, שעלול לגרום לבעיה עם כותרות כפולות, או תוצאות שאינן מכילות כותרת.
  • חיפוש - חיפוש כעת באופן אוטומטי להוסיף קטגוריה בכיתה בעת שימוש בסוג:. בקטגוריה
  • חיפוש - חיפוש יהיה עכשיו ליצור מיכל תוצאות אם אחד אינו נמצא init
  • חיפוש - חיפוש חברה משתמש em עבור שינוי גודל, כדי לוודא שזה יהיה לשנות את הגודל עם התוכן שמסביב
  • חיפוש - חיפוש מהיר עתה להתמקד סגנונות שהוגדרו אם לא באמצעות קלט UI
  • פלח -. נוסף במגזר הסליקה למקרים הזקוקים clearfix
  • Sidebar - ביצועי אנימציה משופרים באמצעות ניפוי ביצועים. Sidebar עכשיו מטמונים, רוחב, גובה, כיוון rtl על עומס.
  • אתר - globals מעורבת קבוע @defaultDuration והשימוש @transitionDuration להשתמש משתנה אחד בכל UI @defaultDuration, זהה עבור @defaultEasing ו @transitionEasing
  • אתר - נוסף במשתנה pageOverflowX, נושא ברירת המחדל מסתיר גלילה אופקית על הגוף
  • אתר - נוספת מיקוד ברירת מחדל צבעים עבור כל וריאציות הצבע
  • אתר - כל צף / העלה וריאציות עכשיו לרשת מתוך @floatedShadow העולמי עושה ערכות נושא קל
  • דביק - דביק עכשיו פנימי מטמונים בעמדת גלילה נוכחית כאשר cantFit = true להימנע מקבלת DOM רכוש על גלילה
  • .
  • סטטיסטיקה - התווסף חדשות מחולקות באופן שווה קבוצת הגירסות, למשל שלוש סטטיסטיקה מראה 3 בכל שורה
  • סטטיסטיקה - קבוצת Statitic כעת להשתמש להגמיש. סגנונות עודכנו.
  • שלבים - מדרגות מחוברות נוספות, אשר יכול עכשיו להיות מחובר UI האחר כמו קטע
  • כרטיסיות - Tab יהיה עכשיו באופן ידני נכונה עמדת דף לגלול כאשר מקשרים עוגנים עמודים בתוך כרטיסייה נסתרת
  • כרטיסיות - נוסף callbacks חדש onTabVisible ו onRequest
  • כרטיסיות - נוספה אפשרות parseScripts, ברירת המחדל היא ניתוח פעם סקריפטים מוטבעות רק עומס הראשון
  • שולחן - מוסיף וריאציה השולחן לבחירה, אשר מראה לרחף השפעה על שורה כאשר מרחף
  • שולחן - נוסף וריאציות יישור אנכי לשולחן UI
  • שולחן - נוסף וריאצית שולחן שורה אחת המונעת טקסט גלישה
  • מעבר - התאמת סגנון או בכיתה במהלך המעבר, כבר לא לאפס את השינוי לאחר המעבר משלים
  • .
  • מעבר -. מעבר יפסיק לכפות גלויות / נסתר עם סגנונות מוטבעים אם חשיפת סטי התקשרות onComplete
  • ראות / נעוץ - ראות ודביקה עכשיו מתרענן באופן אוטומטי לאחר טעינת תוכן הדף להתמודד עם שינויים במצב מתמונות טעינה
  • ראות / נעוץ - ראות חברה משתמשת פאב / דפוס תת לשפר באופן משמעותי את ביצועי גלילה בעת צירוף אירועים מרובים
  • ראות - חשיפה של כולל checkOnRefresh הגדרה חדש אשר קובע אם callbacks הנראות אמורה להתרחש על שינוי גודל או לרענן
  • ראות - ראות תמונה תהיה עכשיו לחכות לתמונות עומס עצלניות כי הם מעל עמדת המסך הנוכחית, לא ממש מתחת
  • .

מה חדש בגירסה 2.1.4:

  • ממשק משתמש חדש:
  • מיכל - מיכלים שתוקנו מכולות רוחב נועדו להחזקת תוכן העמוד, והם אלטרנטיבה פשוטה לרשת דף ui, להציג דוגמאות נוספות ב Docs
  • בחירה מרובה - ניו מספר סוגים נפתחים נוספה. שיפורים נפתחים חדשים רבים נוספו כולל תכונות התיוג / Tokenizing ונתוני טעינה באמצעות בקשות API.
  • שבץ - ניו רכיב embed מאפשר עבור הטמעות iframe תגובה מקיים יחס הממדים שלהם. שבץ יכול לשמש עם סרטוני YouTube או Vimeo, יחד עם תוכן שומר מקום כדי למנוע טעינת ספריות צד שלישי עד שמשתמש בוחר לקיים אינטראקציה עם וידאו.
  • סרן שיפורים:
  • אתר - צבעים חדשים נוספים זית, סגול, חום ואפור. אלה זמינים בכל האלמנטים עם שינויים בצבע.
  • API - ממשק API כעת ניתן להשתמש עם תגובות לעג, ובקשות AJAX מותאמות אישית. mockResponse נוספה לפתור בקשה עם אובייקט JSON שנקבע מראש, או התקשרות פונקציה סינכרוני.
  • API mockResponseAsync נוספה לבקשות אסינכרוני מותאם אישית. זה מאפשר לך לציין התקשרות async המותאם אישית כדי לפתור בקשת API, עוזר עם אינטגרציה עם ספריות כמו גחלת או זווית שעשויה לעטוף בקשות AJAX.
  • API - callbacks API כעת יש התקשרות onResponse שיכול להתאים תגובה שירתה לפני כן, הוא מנותח על ידי callbacks אחרים תנאים להצלחה או לכישלון
  • .
  • API - ממשק API מספק כעת הגדרה במטמון מקומית להימנע roundtrips שרת כתובות זהות באמצעות מטמון: "מקומי". זו אינה מופעלת כברירת מחדל. במטמון מקומי שימושי התוצאות כי צריך להחזיר אותם ערכים על פני מושב יחיד, למשל כאשר שאילתות השלמה אוטומטית.
  • כרטיס - כרטיסים כעת תמיכה בלוקי תוכן מותאם אישית מרובים. בלוקים ותמונות תוכן יכולים עכשיו להופיע בכל סדר.
  • תיבת סימון - תיבת סימון כבר לא דורש JavaScript כדי לתפקד
  • .
  • תיבת סימון -. נוספה תמיכה עבור תיבות סימון מוגדר, יחד עם לסגנון חדש
  • תיבת סימון - עכשיו כולל התנהגויות נפרדות ומחוללים שינויים המדינה ללא הפנייה callbacks להגדיר בדק vs בדק
  • נפתח -. נוסף אינטגרצית API מרחוק עם נפתח, כדי לאפשר בחירת חיפוש כדי לבצע שאילתות מול בסיס נתונים מרחוק
  • דימר - דימרים עכשיו יש וריאציה טשטוש אשר להחיל אפקט דמוי זכוכית כאשר מעומעמת
  • נפתחת - DROPDOWNS כעת אוטומטית לצפות שינויים בתפריט ויעדכן מטמון בורר עם תוספות חדשות
  • DROPDOWNS - התווסף היכולת להוסיף אפשרויות מותאמות אישית לכל ברשימות נפתחות בחירת החיפוש (רב / יחיד) באמצעות allowAdditions: ההגדרה נכונה. חיפוש מציג כעת הודעות שגיאה על שום תוצאות בכל המקרים.
  • נפתח -. קיצורי מקשים נוספו לבחירת אפשרויות נפתחות, למשל "N" יגלול ל "ניו יורק" ברשימת בחירת מדינה, בדומה nativebehavior
  • נפתח -. נוסף וריאציה נפתחת חדשה גלילה הנפתחת וגלילת תפריט, זה יכול לשמש כדי לכלול קטע לגלילה בתוך תפריט נפתח
  • נפתח - נפתחים באופן אוטומטי הנפש כלפי מעלה אם אין מספיק מקום להופיע מתחת
  • .
  • נפתח - השימוש בדף Up ו- Page Down מפתחות יהיו עכשיו לגלול תפריטים ידי דף אחד בכל פעם
  • טופס - טפסים עכשיו להשתמש flexbox ליצירת קבוצות שדה. שדות Inline כעת תמיכה (x) אומדת רחבה באמצעות פלקס
  • Grid - רשתות כעת להשתמש flexbox, עמודות הם עכשיו כל גובה שווה כברירת מחדל. סוגים יישור flexbox חדשים כמו מתיחה נוספו ליישור אנכי קל.
  • UI מרובה - רכיבים רבים משתמשים כעת flexbox, כלומר תיקונים מבלבלים קודמים כמו font-size: 0; כדי להסיר white-space מבלוק מוטבע כבר לא נחוץ. הסרת גרזן זה, עכשיו פירושו כל אלמנט יכול להיות ילד ישיר של רשת או תפריט.
  • מודאלי - נוסף הגדרות חדשות טשטוש הפוך אלה מאפשרות לך להגדיר דימר של מודאלית או הפוך או טשטוש
  • .
  • תפריט - תפריט משתמש כעת flexbox. זה מאפשר פריטים בתפריט להתאים כל לגבהים אחרים ללא קשר כל פריטי גודל תוכן. תוכן תפריט נכון צריך עכשיו אחרי תוכן תפריט אחר במקום שקדם לה (כבר לא משתמש float).
  • Grid - רשתות נמצאות כעת flexbox וגובה שווים כברירת מחדל, וריאצית הגובה השווה ניתן להסיר בבטחה
  • Popup -. Popup שוכתב כדי לשפר את הביצועים באופן דרסטי, במיוחד כאשר בודקים מספר עמדות
  • מעבר - חלופי אנימציות JavaScript הוסרו רכיבי ממשק משתמש כמו נפתח קופץ כדי להגביר את הביצועים. זה מבטל את הצורך סלקטורים פסאודו יקר כמו: גלוי,: אנימציה:. מוסתרים ומפחית filesize
  • אימות טופס - טופס אימות חברה משתמשת הגדרות יחידות להתנגד כמו מודולים אחרים. שימוש (שדות, הגדרות) ימשיך לפעול אך יפיק הודעות פחת הקונסולה
  • אימות טופס -. טופס אימות תומכת כעת כלל אימות חדשה רבות, כולל כמה במיוחד לשימוש עם ערכים רבים בחירה
  • פריט - פריטים משתמשים כעת flexbox עבור פריסה
  • .
  • הודעה - הודעת סמל חברה משתמשת flexbox עבור פריסה
  • תפריט - אנכי תפריט טבלאי, תפריט כרטיסייה אנכי, נוסף
  • קלט - כל סוגי הקלט להשתמש flexbox עבור פריסה
  • פלח - מגזרי חברה לתמוך קינון מורכב, רבי כללים חדשים כיצד קבוצות המגזר אמורות להופיע בתוך קבוצות
  • פלח -. קבוצות קטע אופקי חדשות הופכות להנחת עמודות טקסט שינוי גודל אוטומטי הרבה יותר קל
  • Sidebar - iOS כעת כראוי לדווח ערכי scrollTop עבור מסמך או ברקמות גוף כאשר משתמשים צדדיים. Chrome ב- iOS כבר אין לו בעיות עם תוכן קבוע לא נשמר מייד בעת שימוש צדדית.
  • צורות - צורות כעת בצורה נכונה ומתאימה עבור שוליים על הצדדים
  • שלבים - צעדים כעת להשתמש flexbox, צעדים נוזלים עכשיו מרכז תוכן בתוך כל שלב
  • שלבים - צעדים כבר לא צריך פריט לספור באופן אוטומטי לחלק באופן שווה
  • מעבר - מעבר קוד בצורה מיטבית כדי להגביר את הביצועים. 100% שיפור על האנימציה ראשונה, ו -40% שיפור על הניפשות הבאות.
  • ראות - שימוש .visibility ({type: 'קבוע'}) יהיה כעת באופן אוטומטי להוסיף אלמנט מציין מיקום אשר יתחלפו במקומות עם אלמנט כאשר היא מחוברת לאזור התצוגה. זה אמור להפוך תוכן קבוע דרסטי פשוט יותר.
  • ראות - ראות ודביקה כעת להשתמש בפאב performant יותר / דפוס משנה, כי תהיה רק ​​לצרף אירוע בודד להיקשר גלילה
  • .
  • ראות - הוסיף שתי שיחות טלפון נראים חדשים onOnScreen ו onOffScreen, אשר מתרחש, רוב ברור כאשר האלמנט ראשון מופיע או מתוך נקודת המבט של דפדפן
  • .
  • שיפורים:
  • אתר -. נוסף הרבה משתנה אתר חדש, כולל היכולת לשלוט בגודל קלט בכל UI inputPadding, יחד עם יותר צבעי גבול, מבטאים, וצבעים
  • אקורדיון - מוסיף התקשרות onOpening ו onClosing (לפני אנימציה) ללכת עם OnOpen, OnClose (לאחר אנימציה)
  • אקורדיון -. נוסף על הגדרה לציון אירוע הדק אקורדיון
  • עדכון פעילות - פעילות להאכיל שוכתב להשתמש flexbox
  • API - ממשק API עכשיו יש הגדרות חדשות throttleFirstRequest ו interruptRequests. בקשות פסיקה תתבטלנה בקשה קודמת על אלמנט בעת ביצוע בקשה חדשה. throttleFirstRequest, הוא שיקבע אם הבקשה הראשונה או בקשות נוספות רק צריכה לְהִתְחַנֵק כאשר משך מצערת מצוין.
  • בנה כלים - בניית כלי חברה יציגו שגיאות שהוגדרו מראש בעת פתיחת קובץ נושא חסר או אלמנט מציין נושא זמין
  • .
  • בנה כלי - התאמת site.variables כעת לשקם את כל ממשק משתמש, במקום רק site.less
  • לחצן - התווסף: סגנונות מוקד לכל סוגי כפתור, כל הדוגמאות כפתור מסמכים כעת הם מקלדת focusable באף אחת או TabIndex מקום שמתאים
  • .
  • כרטיס - כרטיס כולל כעת וריאציה מרוכזת
  • תיבת סימון -. תיבת סימון יהיה עכשיו בחן התנהגויות נכונות מופעלות על אלמנט קלט ילד במקום את תיבת סימון UI
  • תיבת סימון - צמצום kb גודל גופן סמל
  • מפריד - מפריד אנכי בתוך רשת UI מהווה כיום טור ריפוד
  • נפתחים - תפריטי גלילה מקונן כעת תמיכת בחירת מקלדת, למשל, "A" לחיצה על תפוח, וגלילת מקלדת.
  • נפתח - DROPDOWNS עכשיו יש הגדרת משחק כדי לציין אם יש להתאים על טקסט, ערך או שניהם
  • נפתח - ברשימות נפתחות בוחרים Multi עכשיו יש הגדרות חדשות לציון בחירה מרבית ספירה
  • נפתח - יש נפתחת מציינת מיקום חדש הגדרת ההגדרה מציין מיקום טקסט JavaScript
  • נפתח - הוסף showOnFocus האפשרות המאפשר לציין אם תפריט נפתח צריך להראות על מיקוד
  • נפתח - fullTextSearch: נכון עכשיו משתמש חיפוש דומה (זהה לחיפוש UI)
  • נפתחת - דף למטה ובעמוד עד עכשיו עובד עם תפריטים הנפתחת
  • נפתחת - נפתח אותחל עם אביזר נכים על אופציה יהיה כעת בצורה נכונה להופיע מושבת
  • נפתח - נוספת מצב פריט נכים, פריטי נכים יהיו דלג באופן אוטומטי עם בחירת מקלדת
  • טופס - נוספה שורה של סגנונות חדשים עבור שדות טופס השלמה אוטומטית על ידי הדפדפן שלך, כולל שגיאה השלמה אוטומטית, ולהתמקד מדינות
  • טופס - נוספת כללי צבע מציין מיקום עבור IE, MS-קלט-מציין מיקום
  • טופס - תקן צבע בחירת מקלדת נפתחת שדה errored
  • טופס - מוסיף טופס הצלחה המדינה
  • טופס אימות - הוספו התנהגות חוקית, מחזירה אמת / שקר אם הטופס תקף
  • אימות טופס - נוספת [שדה] שונה כלל מחייב שדה להיות שונה מאשר עוד תחום
  • אימות טופס - נתוני אמת עכשיו גוברת על תוכניות התאמת אימות אחרות כמו שם או קוד ID
  • אימות טופס - חוקים חדשים עבור התאמה מותאמת אישית נגד ביטויים רגולריים
  • אימות טופס - טופס אימות עכשיו יש minCount, maxCount, ו exactCount על תיקוף בחירות מרובות
  • Grid - תאיים הרשת עכשיו מסיר תאים פנימיים בנייד ובטאבלט הפועל עם הכפלת וריאציה רשת תגובה
  • .
  • Grid -. נוסף מסך גדול בלבד widescreen רק וריאציות תגובה עבור רשת
  • Grid - רשתות רוחב שווה עכשיו עובד ללא בשורה עטיפות
  • Grid -! שורות יכול עכשיו להיות מתוח כמו גם באמצע מיושר, בתחתית בציר העליון מיושר
  • Grid - שוליים קבוע על פנימי תאי לרשת
  • Grid - תאי וכלפי פנים תאי לרשת כעת להשתמש flexbox במקום תצוגה: שולחן;
  • כותרות - התווסף כותרת חדשה כותרת משנה סוג, שימושי עבור הצגת כותרות קטנות לצד תוכן הטקסט. ראה דוגמאות של מסמכי הכותרת
  • תמונה - תמונות חברה כוללות וריאציה במרווחים להוספת רווחים סביב תמונות בעת שימוש יישור עם טקסט
  • .
  • קלט - נוספת כללי צבע מציין מיקום עבור IE, MS-קלט-מציין מיקום
  • קלט - פעולת קלט תומך כעת כפתורים מרובים, ותפריט נפתח
  • לייבל - תוויות עכשיו יש מדינות לרחף פעיל ופעילה
  • לייבל - לייבל החברה קובעת גובה img גם כאשר לא משתמש תווית תמונה
  • רשימה - כל תוכן בתוך רשימת UI כעת ניתן מיושר אנכי
  • תפריט - להוסיף דוגמאות / תיעוד עבור תפריט קבוע
  • תפריט - נוסף וריאציה התפריט stackable עבור תפריטים פשוטים תגובה
  • תפריט - התווסף רבים משתנים חדשים לתפריט
  • תפריט -. קבוע כמה בעיות ירושה עבור פריט הנפתח בתוך התפריט המופיעים כפריט תפריט
  • תפריט - אופק תפריטים כעת להגדיר גודל תמונת ברירת מחדל עבור תמונות / לוגו
  • תפריט - פריטי תפריטים הם עכשיו קצת יותר מרופד
  • תפריט - לרחף / המצב הפעיל של פריט נפתח הותאם כדי להתאים פריט. יכול להיות מוטות סגנונות נפתח במיוחד בתוך התפריט.
  • תפריט - תפריטים נפתחים אנכיים כבר לא 100% min-width
  • מודאלי - מודאלי חברה משתמש בקנה מידה מותאם מעבר ערכת נושא ברירת המחדל, כי צריך להיות יותר עדין ולעבוד טוב יותר עם תוכן מודאלית ארוך
  • .
  • מודאלי - מודאלי onApprove ו onDeny עכשיו לקבל את אלמנט הפעלת כפרמטר הראשון. נוסף תיעוד על השימוש return false כדי להימנע מסתירה אלמנט על קליק.
  • מודאלי - מודאלי תוכן משתמש כעת Flex, תוכן התמונה דורש כעת מחלקת תוכן התמונה על ההורה כדי לאפשר לסגנון להגמיש
  • .
  • Popup - Popup עכשיו מגדיר להפוך ממוצא כך אנימציות יושפע לכיוון האלמנט מושם
  • Popup - onShow ו onHide התקשרות יכולה עכשיו לבטל קופץ הצגה או הסתרה ידי החזרת שווא
  • Popup - נוסף גדלים רבים יותר עבור קופץ מיני, זעיר
  • התקדמות - המציין תוויות עכשיו הם יותר קריא שימוש משתנה css נפרד מן מציין צבע בר
  • Reveal - התווסף מדינה חדשה פעילה המאפשרת לך להציג לחשוף תכנותי
  • חיפוש - ( '. חיפוש "). Cache יכול עכשיו להיות מסומן באמצעות $ חיפוש (' מטמון ברור ')
  • פלח - נוספת מרופד וריאציות קטע מרופדות מאוד
  • חיפוש - חיפוש החברה המפעילה את מזהה ייחודי שנוצר על ידי תוצאה בעמדה לאחזר תוצאות. לקבלת התוצאה הראשונה של הקטגוריה לדוגמה # 1 "A1". בעבר תוצאה כותרות שימשו "id" שלהם, שעלול לגרום לבעיה עם כותרות כפולות, או תוצאות שאינן מכילות כותרת.
  • חיפוש - חיפוש כעת באופן אוטומטי להוסיף קטגוריה בכיתה בעת שימוש בסוג:. בקטגוריה
  • חיפוש - חיפוש יהיה עכשיו ליצור מיכל תוצאות אם אחד אינו נמצא init
  • חיפוש - חיפוש חברה משתמש em עבור שינוי גודל, כדי לוודא שזה יהיה לשנות את הגודל עם התוכן שמסביב
  • חיפוש - חיפוש מהיר עתה להתמקד סגנונות שהוגדרו אם לא באמצעות קלט UI
  • פלח -. נוסף במגזר הסליקה למקרים הזקוקים clearfix
  • Sidebar - ביצועי אנימציה משופרים באמצעות ניפוי ביצועים. Sidebar עכשיו מטמונים, רוחב, גובה, כיוון rtl על עומס.
  • אתר - globals מעורבת קבוע @defaultDuration והשימוש @transitionDuration להשתמש משתנה אחד בכל UI @defaultDuration, זהה עבור @defaultEasing ו @transitionEasing
  • אתר - נוסף במשתנה pageOverflowX, נושא ברירת המחדל מסתיר גלילה אופקית על הגוף
  • אתר - נוספת מיקוד ברירת מחדל צבעים עבור כל וריאציות הצבע
  • אתר - כל צף / העלה וריאציות עכשיו לרשת מתוך @floatedShadow העולמי עושה ערכות נושא קל
  • דביק - דביק עכשיו פנימי מטמונים בעמדת גלילה נוכחית כאשר cantFit = true להימנע מקבלת DOM רכוש על גלילה
  • .
  • סטטיסטיקה - התווסף חדשות מחולקות באופן שווה קבוצת הגירסות, למשל שלוש סטטיסטיקה מראה 3 בכל שורה
  • סטטיסטיקה - קבוצת Statitic כעת להשתמש להגמיש. סגנונות עודכנו.
  • שלבים - מדרגות מחוברות נוספות, אשר יכול עכשיו להיות מחובר UI האחר כמו קטע





































































מה חדש בגירסה 1.6.1:
















מה חדש בגירסה 1.3.2:









  • תיקונים:





מגבלות :


תוכנה דומה

Zontal Admin
Zontal Admin

28 Feb 15

Froala Design Kit
Froala Design Kit

13 May 15

LESS Hat
LESS Hat

13 May 15

normalize.css
normalize.css

10 Apr 16

תגובות ל Semantic UI

תגובות לא נמצא
להוסיף הערה
הפעל את התמונות!