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