- ב-Chrome 57 נוספה תמיכה ב-
display: grid– המפרט החדש של CSS Grid Layout. - עכשיו אפשר להתאים אישית את הקלט של המשתמשים במסך הנעילה ובהתראות ולהגיב לו באמצעות Media Session API החדש.
- ויש עוד הרבה!
קוראים לי Pete LePage, ועכשיו נצלול פנימה ונראה מה חדש למפתחים ב-Chrome 57.
פריסת רשת של CSS
Flexbox הוא כלי יעיל ליצירת פריסות. הוא מאפשר ליצור פריסות מורכבות רבות, אבל אפשר להשתמש בו רק בפריסה במאפיין אחד. ב-Chrome 57 נוספה תמיכה ב-display: grid – המפרט החדש של CSS Grid Layout. המפרט הזה מוסיף כלי חדש וחזק ליצירת מערכות פריסה דו-מימדיות שמבוססות על רשת, שמותאמות במיוחד לעיצוב של ממשק משתמש רספונסיבי.
רכיבים בתוך התצוגה יכולים להשתרע על פני כמה שורות או עמודות. אפשר גם לתת שמות לאזורים בתבנית CSS, כדי שיהיה קל יותר להבין את קוד הפריסה.
Surma פרסמה פוסט עדכונים בנושא הזה, וכשאתם מוכנים להתעמק יותר, כדאי לעיין באתר של Rachel Andrew: GridByExample.com.
Media Session API
אחת מהתכונות שחסרות באפליקציות מדיה באינטרנט היא היכולת לשלב אותן בצורה עמוקה בחוויית המדיה המרכזית במכשירים ניידים. ב-Chrome ל-Android, עכשיו אפשר להתאים אישית את מסך הנעילה וההתראות באמצעות תוכן מדיה באמצעות Media Session API החדש.
אם תספקו לדפדפן מטא-נתונים לגבי התוכן שמופעל, תוכלו ליצור הודעות עשירות במסך הנעילה שכוללות מידע כמו כותרת, אומן, שם האלבום וגרפיקה. אפשר גם להמתין לפעולות של משתמשים בהתראה עצמה, כמו דילוג או סריקה, ולענות להן.
אם אתם רוצים להתחיל במהירות, תוכלו לקרוא את הפוסט של Francois עם העדכונים, או להיכנס למאגר הרשמי של דוגמאות לסשנים של מדיה ב-Chrome ב-GitHub.
ועוד.
ויש עוד הרבה דברים!
- יש כמה שיפורים ב-Payment Request API.
- אפשר לציין את הצבע של סמן הטקסט להזנה באמצעות המאפיין
caret-color. - אפשר לציין אפקטים חזותיים כמו צבע קו וסגנון באמצעות מאפיינים חדשים של
text-decoration. - המערך של התשובות ב-Fetch API תומך עכשיו במאפיין
.redirectedכדי למנוע תשובות לא מהימנות ולצמצם את הסיכון להפניות אוטומטיות פתוחות. - כל כינויי המשנה הגלובליים של IndexedDB עם הקידומת
-webkit-הוסרו, אחרי שהוצאו משימוש ב-M38. - וגם אחת מהשיטות המועדפות עלי – שיטות עיצוב חדשות של
padStartו-padEndשמפשטות את הוספת התווים הנוספים לשרשורים כשמרכזים את הפלט של המסוף או מדפיסים מספרים עם מספר קבוע של ספרות.
אלה רק כמה מהשינויים ב-Chrome 57 למפתחים.
תודה ל-Igalia
לסיום, תודה גדולה למהנדסים ולצוות של Igalia על העבודה המדהימה שלהם ב-Blink. הם היו גורם משמעותי בהשקת התכונות החדשות של CSS Grid ו-caret-color.
רוצה לקבל עדכונים?
כדי להתעדכן בחדשות על Chrome ולדעת מה צפוי, כדאי להירשם לערוץ שלנו או לעקוב אחרי @ChromiumDev ב-Twitter. מומלץ גם לצפות בסרטונים מכנס Chrome Dev Summit כדי לקבל הצצה מעמיקה יותר לחלק מהדברים המדהימים שצוות Chrome עובד עליהם.
קוראים לי פיט לייפ (Pete LePage), ואחרי שגרסת Chrome 58 תפורסם, אספר לכם מה חדש ב-Chrome.