סיכום של כל ההכרזות העיקריות מכנס Chrome Dev Summit 2021, עם הקישורים הנדרשים לקבלת מידע נוסף.
בפוסט הזה ריכזנו את כל ההכרזות העיקריות מכנס Chrome Dev Summit 2021, עם הקישורים הנדרשים לקבלת מידע נוסף.
שיפור יכולת הפעולה ההדדית באינטרנט
תאימות לאינטרנט היא אחת מהבעיות הגדולות ביותר של מפתחי אתרים, ולכן Google עבדה עם ספקים אחרים של דפדפנים כדי לפתור את חמשת נקודות החולשה העיקריות בנושא תאימות: flexbox, grid, position: sticky, aspect-ratio וטרנספורמציות.
העבודה הזו כבר הובילה לשיפורים בתחומים המרכזיים האלה. מידע נוסף על העדכונים האלה זמין בעדכון של אמצע שנת 2021 בנושא תאימות.
מאפשרת להריץ באינטרנט סוגים חדשים של אפליקציות
Project Fugu הוא מאמץ שמטרתו לאפשר להציג באינטרנט סוגים חדשים של אפליקציות. אפשר להתעדכן בסטטוס של ממשקי ה-API של Fugu בכתובת fugu-tracker.web.app.
לאחרונה Adobe הודיעה שהיא משיקים את Photoshop לאינטרנט. ההשקה הזו התאפשרה בזכות שיתוף פעולה בין Adobe, Google וארגונים שמוגדרים כתקני אינטרנט. מידע נוסף זמין בפוסט המסע של Photoshop לאינטרנט.
שמירה על הפרטיות
פונקציות אינטרנט נפוצות רבות מסתמכות על קובצי cookie של צד שלישי ועל מנגנוני מעקב אחרים באתרים שונים שלא תוכננו תוך התחשבות בפרטיות, ולכן קשה למפתחים לעמוד בצורך הגובר בפרטיות.
אנחנו עובדים עם קהילת האינטרנט ועם בעלי העניין בתחום כדי לפתח טכנולוגיות חדשות לשמירה על הפרטיות שתומכות בסביבה העסקית, במטרה להפסיק את השימוש בקובצי cookie של צד שלישי ולצמצם את המעקב הסמוי ואת יצירה של טביעות אצבע של דפדפנים.
מידע נוסף על העבודה הזו זמין באתר ארגז החול לפרטיות. בנוסף, יש לנו מידע ומדריכים לגבי ההצעות למפתחים, עדכון חודשי לגבי שינויים והתקדמות ומידע על לוח הזמנים ועל פרטי הבדיקה של השינויים במחרוזת של סוכן המשתמש.
שיפור מדדי הליבה לבדיקת חוויית המשתמש באתר
אנחנו עובדים עם מפתחי מסגרות JavaScript פופולריות כדי לשפר את מדדי Core Web Vitals, וכחלק מהעבודה הזו זיהינו שני מדדים חדשים שנשמח לקבל עליכם משוב. כדאי לקרוא על התגובה הכוללת ועל החלקות, ואז לשלוח לנו משוב.
בנוסף, הכרזנו על גרסה מעודכנת של PageSpeed Insights, על לוח הקלטה חדש בכלים למפתחים ב-Chrome (זמין כרגע ב-Canary) ועל API חדש של תהליך השימוש ב-Lighthouse.
הפעלת תכונות חדשות בפלטפורמת האינטרנט
RenderingNG הוא פרויקט שאפתני של עיבוד מחדש של מנוע הרינדור של Chromium, שמטרתו לתקן באגים ארוכי טווח ב-Chrome ולפתוח את הדרך לתכונות חדשות. התכונה הזו כוללת תכונה אחת שהיא הבקשה העיקרית של מפתחי האינטרנט במשך שנים רבות – שאילתות בקונטיינרים.
שאילתות של קונטיינרים נראות מוכרות לכל מי שהשתמש פעם בשאילתת מדיה כדי ליצור עיצוב רספונסיבי.
עם זאת, במקום לשלוח שאילתה לגבי גודל אזור התצוגה, אפשר לשלוח שאילתה לגבי גודל המאגר שבו נמצא הרכיב.
Google עבדה על הטמעה ניסיונית של המפרט המתפתח, מאחורי הדגל #enable-container-queries ב-Chrome.
בפוסט בבלוג RenderingNG בפירוט או בסרטון הזה מוסבר בפירוט איך העבודה הזו מאפשרת להטמיע תכונות שנחשבו בעבר לבלתי אפשריות.
לעזור לכם ליצור אתרים יפים ורספונסיביים
העיצוב הרספונסיבי החדש הוא הרבה יותר מאשר רק התאמה לגודל המסך או למאגר. בקורס לימוד עיצוב מוסבר איך יוצרים אתרים מודרניים רספונסיביים. חמשת המודולים הראשונים יושק היום, והשאר יפורסמו בשבועות הקרובים.
השנה הוספנו ל-Chrome ולדפדפנים אחרים נכסי CSS חדשים כדי להקל על יצירת חוויות שימוש יפות.
מידע נוסף על accent-color ועל size-adjust
כדי לעזור לכם ליהנות מהיתרונות של CSS החדש במהירות, השקנו קבוצה של תבניות פריסה. הן יהוו נקודת מוצא חזקה לתבניות ממשק נפוצות רבות.
קורסים שיעזרו לכם ללמוד טכנולוגיות אינטרנט
בנוסף ל-Learn Design, אנחנו משיקים מודולים חדשים לקורס CSS, הקורס המקיף שלנו בנושא CSS שהשקנו מוקדם יותר השנה.
פיתחנו גם קורס מלא שיעזור לכם לעצב טפסים פונקציונליים ונגישים – לימוד טפסים. בנוסף לקורסים האלה, תוכלו למצוא את המודולים הראשונים של Learn PWA.