כל מה שדווח בכנס המפתחים של Chrome לשנת 2021

סיכום של כל ההודעות החשובות מכנס Chrome למפתחים ב-2021, עם קישורים למידע נוסף.

רייצ'ל אנדרו

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

שיפור יכולת הפעולה ההדדית באינטרנט

תאימות לאינטרנט היא אחד מהאתגרים הגדולים ביותר למפתחי אתרים, ולכן Google עבדה עם ספקי דפדפנים אחרים כדי לפתור את חמש הבעיות העיקריות בתאימות: flexbox, grid, position: sticky, aspect-ratio וtransforms.

העבודה כבר הובילה לשיפורים בתחומים המרכזיים האלה. אפשר לקרוא עליהם בעדכון לאמצע השנה של Conpat 2021.

הרשאה להרצת סוגים חדשים של אפליקציות באינטרנט

Project Fugu הוא פרויקט שמטרתו לאפשר גישה של סוגים חדשים של אפליקציות לאינטרנט. אפשר להתעדכן לגבי ההתקדמות בממשקי ה-API של Fugu בכתובת fugu-tracker.web.app.

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

הקפדה על פרטיות

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

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

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

שיפור מדדי הליבה לבדיקת חוויית המשתמש באתר

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

כמו כן הודענו על גרסה מעודכנת של PageSpeed Insights, חלונית הקלטה חדשה ל-Chrome DevTools שזמינה כרגע ב-Canary, וגם ממשק API חדש להעברת משתמשים ל-Lighthouse.

הפעלת תכונות חדשות של פלטפורמת אינטרנט

RenderingNG הוא ארגון מחדש שאפתני של מנוע העיבוד של Chromium, פרויקט שמתקן באגים ארוכי טווח ב-Chrome וגם מאפשר גישה לתכונות חדשות. כלל זה כולל תכונה אחת שהייתה הבקשה המובילה ממפתחי אתרים במשך שנים רבות – שאילתות בקונטיינרים.

שאילתות בקונטיינר נראות מוכרות לכל מי שהשתמשו אי פעם בשאילתת מדיה כדי ליצור עיצוב רספונסיבי. עם זאת, בשאילתות לגבי גודל אזור התצוגה, הן מאפשרות להריץ שאילתה לגבי גודל הקונטיינר שבו נמצא הרכיב. Google עובדת על הטמעה לניסיון של המפרט החדש, מאחורי הדגל #enable-container-queries ב-Chrome.

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

עוזרים לך ליצור אתרים יפים ורספונסיביים

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

נכסי CSS חדשים השקנו השנה תכונות חדשות ב-Chrome ובדפדפנים אחרים, כדי להקל על תהליך היצירה של חוויות יפהפיות. למידע נוסף על accent-color ועל size-adjust.

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

ספק קורסים שיעזרו לך ללמוד טכנולוגיית אינטרנט

בנוסף ל-Learn Design, אנחנו משיקים מודולים חדשים של Learn CSS, קורס ה-CSS המקיף שלנו שהושק מוקדם יותר השנה.

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