אנחנו רוצים לעזור לכם ליצור אתרים יפים, נגישים, מהירים ומאובטחים שפועלים בכל הדפדפנים לכל המשתמשים שלכם. האתר הזה הוא הבית שלנו לתכנים שיעזרו לכם במסע הזה. התכנים נכתבו על ידי חברי צוות Chrome ומומחים חיצוניים שמתמחים בנושאים של פיתוח אינטרנט, כמו נגישות, ביצועים, עיצוב ועוד.
בעזרת Web Platform Baseline תוכלו לקבל מידע ברור על תמיכת הדפדפנים בתכונות של פלטפורמת האינטרנט, ולדעת אילו תכונות של פלטפורמת האינטרנט מוכנות לשימוש בפרויקטים שלכם כבר היום. כשאתם קוראים מאמר ב-web.dev, אם כל התכונות שבהן נעשה שימוש הן חלק מ-Baseline, אתם יכולים לסמוך על רמת התאימות לדפדפנים.
מידע נוסף
כאן תוכלו למצוא מקורות מידע שיעזרו לכם להבין את האופן שבו משתמשים ב-AI כדי ליצור חוויות משתמש מהירות שמתמקדות באינטרנט.
מידע נוסף
המדד 'מהירות התגובה לאינטראקציה באתר (INP)' הוא עכשיו מדד ליבה לבדיקת חוויית המשתמש באתר. מתחילים למדוד ולבצע אופטימיזציה של INP באתר.
מידע נוסף
כאן תוכלו לקרוא על התכונות העדכניות ביותר ועל השיטות המומלצות בנושאי אימות זהות ועיבוד תשלומים.
מידע נוסף
פלטפורמת האינטרנט היא סביבה עסקית מתפתחת של תכונות דפדפן וממשקי API, שמפתחים יכולים להשתמש בהם כדי ליצור אתרים שיהיה קל ונעים להשתמש בהם. הדפים האלה הם נתיבי גישה שמאפשרים לכם להתעמק בכל חלק של פלטפורמת האינטרנט ב-web.dev – בקצב שלכם:
HTML הוא שכבת המסמכים של האינטרנט, שמספקת מבנה וסמנטיקה לדפים.
מידע נוסף
CSS הוא שכבת התצוגה של האינטרנט, ומאפשר לכם לקבוע איך דפי האינטרנט ייראו.
מידע נוסף
JavaScript מספקת אינטראקטיביות עשירה לדפי אינטרנט, ומאפשרת למפתחים ליצור אתרים אינטראקטיביים עשירים שעוזרים למשתמשים לבצע משימות ולהשיג מטרות.
מידע נוסף
חדשים בפלטפורמת האינטרנט? אנחנו כאן בשבילכם. בקורסים האלה, שנוצרו במיוחד למתחילים ב-HTML, ב-CSS וב-JavaScript, תוכלו להתעמק בכל חלק בפלטפורמת האינטרנט.
קורס
סקירה כללית חזקה של HTML למפתחים, מ-HTML למתחילים ועד לרמת מומחה.
אני רוצה להתחיל את הקורס
קורס
מדריך ל-CSS עם מודולים שעוסקים בכל נושא, מנגישות ועד z-index.
אני רוצה להתחיל את הקורס
קורס
קורס מעמיק על יסודות ה-JavaScript.
אני רוצה להתחיל את הקורס
בבלוג שלנו מוצגות החדשות האחרונות בתחום פיתוח האינטרנט, כולל תכונות חדשות בפלטפורמת האינטרנט, עדכונים ל-Baseline, ל-AI, ל-Core Web Vitals ועוד. כדאי לעיין בבלוג שלנו כדי להתעדכן בחדשות האחרונות.
לקריאה בבלוג

עיצוב CSS וממשק משתמש

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

Core Web Vitals

כדי לבנות אתרים ואפליקציות מהירים יותר, כדאי להבין את מדדי הליבה לבדיקת חוויית המשתמש באתר ומדדים אחרים.
עיון בדוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)

המדד 'אינטראקציה עד הצבע הבא' הופך למדד ליבה לבדיקת חוויית המשתמש באתר ב-12 במרץ

המדד 'אינטראקציה עד הצגת התוכן הבא' יהפוך באופן רשמי למדד ליבה לבדיקת חוויית המשתמש באתר, ויחליף את ההשהיה בקלט הראשון ב-12 במרץ.
כאן תלמדו איך לבצע אופטימיזציה למדד 'מאינטראקציה ועד הצגת התגובה'.
אוסף של שיטות מומלצות לביצוע אופטימיזציה של ביצועי מדדי הליבה לבדיקת חוויית המשתמש באתרים על סמך המצב של האינטרנט
מידע על אי הבנות נפוצות לגבי אופטימיזציה של Largest Contentful Paint ‏ (LCP). כדאי להסתכל מעבר לאופטימיזציה של תמונות ולקחת בחשבון גורמים כמו זמן אחזור הבייט הראשון (TTFB) והזמן שחלף מהקליק לטעינת המשאב.

אפליקציות מסוג Progressive Web App

יצירת חוויות אינטרנט חכמות.
מידע נוסף על PWA
קורס שמפרט את כל ההיבטים של פיתוח אפליקציות אינטרנט מתקדמות (Progressive Web App).
עכשיו, לאחר ששידורי טרנספורמציה נתמכים ב-Safari, ב-Firefox וב-Chrome, הם סוף סוף מוכנים לשימוש.
צוללים לאוסף מרהיב של תבניות חדשות לאפליקציות מדהימות, כולל תבניות ללוח העריכה, תבניות של קבצים ותבניות מתקדמות של אפליקציות.
באתר Chrome Developers, תוכלו לעיין בממשקי ה-API של היכולות.

נגיש לכולם

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

תשלומים וזהות

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

ניוזלטר למפתחים

מקבלים חדשות, שיטות ועדכונים ישירות לתיבת הדואר הנכנס.