סיכום של כל ההודעות החשובות מכנס המפתחים של Chrome לשנת 2021, עם הקישורים שצריך כדי לקבל מידע נוסף.
בפוסט הזה ריכזנו את כל ההודעות החשובות מכנס המפתחים של Chrome לשנת 2021, עם הקישורים שצריך כדי לקבל מידע נוסף.
שיפור יכולת הפעולה ההדדית באינטרנט
תאימות לאינטרנט היא אחד האתגרים הגדולים ביותר למפתחי אתרים, ולכן Google עובדת עם ספקי דפדפנים אחרים כדי לפתור את חמש הבעיות העיקריות שקשורות לתאימות: flexbox, grid, position: sticky, aspect-ratio וtransforms.
העבודה הזו כבר הובילה לשיפורים בתחומים העיקריים האלה. מידע על העדכונים האלה מופיע בעדכון אמצע השנה של Compat 2021.
אישור להפעלת סוגים חדשים של אפליקציות באינטרנט
פרויקט פוגו הוא מאמץ שמטרתו לאפשר לאפליקציות מסוגים חדשים לפעול באינטרנט. אפשר להתעדכן בהתקדמות של ממשקי ה-API של Fugu בכתובת fugu-tracker.web.app.
חברת Adobe הודיעה לאחרונה שהיא משיקה את Photoshop באינטרנט. המהלך הזה התאפשר בזכות שיתוף פעולה בין Adobe, Google וארגונים שמגדירים תקנים לאינטרנט. מידע נוסף זמין בפוסט Photoshop's journey to the web.
שמירה על הפרטיות
הרבה פונקציות נפוצות באינטרנט מסתמכות על קובצי Cookie של צד שלישי ומנגנוני מעקב אחרים באתרים שונים, שלא תוכננו תוך התחשבות בפרטיות. לכן קשה למפתחים לעמוד בדרישה הגוברת לפרטיות.
אנחנו עובדים עם קהילת האינטרנט ועם בעלי עניין בתעשייה כדי לפתח טכנולוגיות חדשות לשמירה על הפרטיות, במטרה לתמוך במערכת האקולוגית, להוציא משימוש קובצי Cookie של צד שלישי ולצמצם את המעקב הסמוי ואת טביעת האצבע של הדפדפן.
מידע נוסף על הפרויקט הזה זמין באתר ארגז החול לפרטיות. יש לנו גם מידע ומדריכים להצעות למפתחים, עדכון חודשי על שינויים והתקדמות ומידע על ציר הזמן ופרטי הבדיקות של שינויים במחרוזת user-agent.
שיפור מדדי הליבה לבדיקת חוויית המשתמש באתר
אנחנו עובדים עם המפתחים של מסגרות JavaScript פופולריות כדי לשפר את מדדי ה-Core Web Vitals, ובמסגרת העבודה הזו זיהינו שני מדדים חדשים ונשמח לקבל משוב לגביהם. אפשר לקרוא על היענות כוללת ועל חלקות, ואז לשתף אותנו בדעתכם.
בנוסף, הוכרזה גרסה מעודכנת של PageSpeed Insights, חלונית Recorder חדשה בכלי הפיתוח ל-Chrome, שזמינה כרגע ב-Canary, וuser flow API חדש ל-Lighthouse.
הפעלת תכונות חדשות של פלטפורמת האינטרנט
RenderingNG הוא פרויקט שאפתני של ארגון מחדש של מנוע העיבוד של Chromium, שמטרתו לתקן באגים קיימים ב-Chrome וגם להוסיף תכונות חדשות. זה כולל תכונה אחת שהייתה הבקשה הכי נפוצה ממפתחי אתרים במשך שנים רבות – שאילתות לגבי רכיבי container.
שאילתות של קונטיינר נראות מוכרות לכל מי שהשתמש אי פעם בשאילתת מדיה כדי ליצור עיצוב רספונסיבי.
עם זאת, במקום לשאול על גודל אזור התצוגה, הם מאפשרים לשאול על גודל הקונטיינר שבו הרכיב נמצא.
Google עובדת על הטמעה ניסיונית של המפרט המתפתח, מאחורי הדגל #enable-container-queries ב-Chrome.
אפשר לקרוא את הפוסט בבלוג שבו מוסבר RenderingNG בפירוט, או לצפות בסרטון הזה כדי לקבל את כל הפרטים החשובים על האופן שבו העבודה הזו מאפשרת הטמעה של תכונות שפעם חשבו שאי אפשר להשיג.
עוזרים לכם ליצור אתרים יפים ורספונסיביים
העיצוב הרספונסיבי החדש הוא הרבה יותר מגודל המסך או גודל מאגר התגים. בקורס Learn Design שלנו מוסבר איך ליצור אתרים רספונסיביים מודרניים. חמשת המודולים הראשונים יושקו היום, והשאר יפורסמו בשבועות הקרובים.
השנה הוספנו ל-Chrome ולדפדפנים אחרים מאפייני CSS חדשים כדי להקל על יצירת חוויות משתמש יפות.
מידע נוסף על accent-color ועל size-adjust
כדי לעזור לכם להשתמש במהירות בשירות CSS חדש, השקנו קבוצה של תבניות פריסה. הם מספקים נקודת התחלה טובה להרבה דפוסים נפוצים בממשק.
מספקים קורסים שיעזרו לכם ללמוד על טכנולוגיות אינטרנט
בנוסף ל-Learn Design, אנחנו משיקים מודולים חדשים ל-Learn CSS, הקורס המקיף שלנו בנושא CSS שהשקנו מוקדם יותר השנה.
פיתחנו גם קורס מלא שיעזור לכם לעצב טפסים פונקציונליים ונגישים – הכרת Google Forms. בנוסף לקורסים האלה, תוכלו למצוא את המודולים הראשונים של Learn PWA.