תמיכה בצבעי עיצוב ב-Chrome 39 ל-Android

פיט לפייג'
פיט לה פייג'

צילום מסך של טלפון שבו מוצג צבע עיצוב.

החל מגרסה 39 של Chrome ל-Android ב-Lollipop, מעכשיו תוכלו להשתמש במטא תג theme-color כדי להגדיר את צבע סרגל הכלים – המשמעות היא שלא יהיו עוד סרגלי כלים באפורים בסיאטל! התחביר די פשוט: מוסיפים תג meta ל-<head> של הדף עם name="theme-color" ומגדירים את content לכל צבע CSS חוקי.

לדוגמה, כדי להגדיר את הרקע לצבע המועדף עליכם או לכתום HTML5Rocks:

<meta name="theme-color" content="#db5945">

בנוסף, Chrome יציג סמלים יפהפיים בעלי רזולוציה גבוהה כאשר יסופקו. Chrome ל-Android בוחר את הסמל ברזולוציה הגבוהה ביותר שמספקים, ומומלץ להשתמש בקובץ PNG בגודל 192×192 פיקסלים. לדוגמה:

<link rel="icon" sizes="192x192" href="nice-highres.png">

ניתן לראות את צבעי העיצוב כאן ב-HTML5Rocks וגם באתר Web Fundamentals (היסודות של בניית אתרים), ולקרוא את המאמר Add to Home screen (הוספה למסך הבית) כדי לגלות דרכים נוספות להבלטת האתר.