- ב-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 החדש.
אם תספקו לדפדפן metadata לגבי התוכן שמופעל, תוכלו ליצור הודעות עשירות במסך הנעילה שכוללות מידע כמו כותרת, אומן, שם האלבום וגרפיקה. אתם יכולים גם להמתין לפעולות של משתמשים בהתראה עצמה, כמו דילוג או סריקה, ולענות להן.
אם אתם רוצים להתחיל במהירות, תוכלו לקרוא את הפוסט של 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.