צוות Chrome מגיב לבעיות שהקהילה מדווחת עליהן.

• CSS
• Chrome

החל מגרסה 135, Chrome ב-Android יהיה מלא מקצה לקצה.

• Chrome

פיתוח חוויות אינטרנט מקצה לקצה

• הדרכות
• CSS
• HTML

איך אנימציות שמתבססות על גלילה או מופעלות על ידי גלילה משפרות כתבות שמתמקדות בסיפורים

• מקרה לדוגמה
• JavaScript
• HTML
• CSS
• Chrome

עכשיו אפשר להשתמש ב-attr() עם כל מאפיין CSS, כולל מאפיינים מותאמים אישית, והוא יכול לנתח ערכים לסוגי נתונים שאינם מחרוזות.

• CSS
• HTML
• Chrome

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

• בלוג
• CSS

גרסה 131 של Chrome זמינה עכשיו! סגנונות CSS נוספים לרכיב הפרטים, פריסה קלה יותר להדפסה עם תיבות של שוליים בדף ועוד הרבה יותר.

• חדש ב-Chrome
• סרטון
• CSS
• Chrome

עכשיו אפשר להגדיר את סוג התצוגה וגם לעצב את הקונטיינר של החלק שמתרחב ומתכווץ באמצעות הרכיב החדש ::details-content pseudo-Element.

• בלוג
• CSS
• HTML

גרסה 130 של Chrome זמינה עכשיו! התכונה 'תמונה בתוך תמונה' מספקת שליטה רבה יותר על התמונה בחלונות של תמונות, הצהרות של שירות CSS מקוננות מתקנות כמה מקרי קצה מורכבים, וניתן לציין את ההתנהגות של קישוטים באלמנטים שמפוצלים בין מספר קווים. פיט לייפ (Pete LePage) מספק את כל הפרטים על מה שחדש למפתחים ב-Chrome 130.

• חדש ב-Chrome
• סרטון
• CSS
• JavaScript
• Chrome

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

• CSS
• JavaScript

אנימציה אל מילות מפתח עם הגדרת גודל מובנית ומהן, באמצעות 'interpolate-size' ו-'calc-size()‎'

• הדרכות
• CSS

אנחנו משיקים שני אירועי JavaScript חדשים: גוללים SnapChange ו- ScrollSnapשינוי.

• בלוג
• JavaScript
• Chrome

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

• בלוג
• CSS
• HTML
• JavaScript
• Chrome

כאן תוכלו לקרוא את כל ההודעות על שירותי CSS וממשק המשתמש באינטרנט מ-Google I/O 2024.

• בלוג
• HTML
• CSS
• JavaScript
• Chrome

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

• בלוג
• CSS
• JavaScript
• Chrome

למדו כיצד אתרי מסחר אלקטרוני מפיקים תועלת מהטמעת התכונות העדכניות ביותר של CSS וממשק המשתמש, למשל: הצגת מעברים, אנימציות מבוססות-גלילה, Popover API ועוד.

• בלוג
• Chrome

מגלים את היתרונות של אנימציות המבוססות על גלילה עם Policybazaar, RedBus ו-Tokopedia.

• מקרה לדוגמה
• JavaScript
• CSS
• Chrome

קורס וידאו בן 10 חלקים עם מידע על אנימציות מבוססות-גלילה

• בלוג
• CSS
• Chrome

הצעה להגדרת רשת ומבני בטון לפי מפרטים שונים.

• בלוג
• CSS
• Chrome

ה-View Migrate API מאפשר להוסיף מעברים בין תצוגות של אתר.

• JavaScript
• CSS

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

• CSS
• JavaScript
• HTML

החל מגרסה 122 של Chrome, הרכיב `::backdrop' יורש מאפיינים מהרכיב המקורי שלו.

• CSS
• Chrome

כדי לעצב סרגלי גלילה, משתמשים במאפיינים 'scrollbar-width' ו-'scrollbar-color'.

• הדרכות
• CSS

יוצרים אקורדיון בלעדי עם מספר רכיבי `` שיש להם אותו 'שם'.

• הדרכות
• JavaScript
• CSS
• HTML

2023 הייתה שנה ענקית לשירותי CSS! ראו מה נחתם ב-Chrome ובפלטפורמת האינטרנט השנה.

• CSS
• Chrome

ללמוד איך להשתמש ב- @scope כדי לבחור רכיבים רק בתוך עץ משנה מוגבל של ה-DOM.

• הדרכות
• HTML
• CSS

אנחנו גאים להציג את linear(), פונקציית התאמה ב-CSS שמבצעת אינטרפולציה לינארית בין הנקודות שלה, וכך מאפשרת ליצור מחדש אפקטים של קפיצות ושל קפיצים.

• הדרכות
• CSS
• JavaScript

20 התכונות המובילות של רכיבי CSS וממשק המשתמש שהודגשו ב-Google I/O 2023 וחבל לפספס אותן.

• HTML
• JavaScript
• CSS
• Chrome

כאן תלמדו איך לעבוד עם גלילת צירי זמן והצגת צירי זמן כדי ליצור אנימציות שמבוססות על גלילה בצורה מוצהרת.

• הדרכות
• CSS
• JavaScript
• HTML

אחת מהתכונות האהובות עלינו שמעבדות מראש ב-CSS מובנית עכשיו בשפה: כללי סגנון של סידור פנימי.

• הדרכות
• CSS
• HTML

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

• CSS
• Chrome

אילו שינויים צפויים בהתנהגות שינוי הגודל של אזור התצוגה ב-Chrome 108, למה עושים את השינוי הזה ב-Chrome ומה אפשר לעשות כדי להתכונן לקראתו.

• HTML
• Chrome

Chrome 106 מושק עכשיו. קיימים ממשקי API חדשים שמעניקים לך שליטה רבה יותר במהלך הפרמוט של מספרים. יש גרסת מקור לניסיון של Pop Up API, שעוזרת להציג למשתמשים תוכן ביקורתי בקלות. יש כמה שיפורי CSS. יש עוד הרבה יותר מכך.

• חדש ב-Chrome
• HTML
• JavaScript
• Chrome

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

• מקרה לדוגמה
• JavaScript
• Chrome

כדאי לקרוא על כמה מהשינויים האחרונים בכלי הפיתוח ל-Chrome, שמשפרים את חוויית השימוש בניפוי באגים וביצירת פרופילים במהלך עבודה עם חבילות תוכנה, frameworks וקוד של צד שלישי.

• JavaScript
• Chrome

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

• CSS
• Chrome

Chrome 89 מושק עכשיו! WebHID, WebNFC ו-Web Serial הסתיימו מגרסאות המקור לניסיון, והם זמינים עכשיו בגרסה יציבה. אנחנו סוגרים פרצת אבטחה שמספר מפתחים השתמשו בהם כדי לעקוף את בדיקות ההתקנה של PWA. הנתונים 'שיתוף אינטרנט' ו'יעד שיתוף באינטרנט' מגיעים למחשב. ויש עוד הרבה יותר!

• JavaScript
• Chrome

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

• CSS
• Workbox

Pre-filter a set of child elements before applying An+B logic on it.

• CSS
• Workbox