דחיית השקת התכונה CSS @function מ-Chrome 136 ל-139

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

• Chrome

איך להתכונן למעבר של Chrome ל-Android למסך מלא

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

• Chrome

מדריך להעברה מקצה לקצה ב-Chrome ל-Android

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

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

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

• Chrome

שדרוג של הפונקציה attr() ב-CSS

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

• Chrome

סיכום 2024 של CSS

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

מה חדש בגרסה 131 של Chrome

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

• Chrome

אפשרויות נוספות לעיצוב <details>

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

מה חדש בגרסה 130 של Chrome

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

• Chrome

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

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

אנימציה לגובה: auto; (ומילות מפתח אחרות של שינוי גודל מהותי) ב-CSS

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

גלילה באירועי Snap

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

• Chrome

תפיסות שגויות לגבי מעבר בין תצוגות מפורטות

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

• Chrome

עדכונים אחרונים בנושא ממשק המשתמש של CSS ואינטרנט: סיכום כנס I/O 2024

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

• Chrome

מה חדש במעברים של הצפיות? (עדכון מ-Google I/O 2024)

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

• Chrome

למה היכולות של CSS וממשקי המשתמש חשובות לאתר המסחר האלקטרוני שלכם?

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

• Chrome

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

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

• Chrome

הכירו את "שחררו את העוצמה של אנימציות מונעות גלילה"

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

• Chrome

הצעה חלופית לבנייה של שירות CSS

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

• Chrome

מעברים חלקים עם View Migrate API

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

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

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

שינויים בירושה של CSS ::backdrop

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

• Chrome

עיצוב סרגל הגלילה

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

אקורדיון בלעדי

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

מעטפת CSS: 2023!

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

• Chrome

אפשר להגביל את פוטנציאל החשיפה של הסלקטורים בעזרת CSS @scope at-rule

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

יצירת עקומות אנימציה מורכבות ב-CSS באמצעות פונקציית ההתאמה linear()

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

מה חדש ב-CSS ובממשק המשתמש: מהדורת I/O 2023

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

• Chrome

הנפשה של אלמנטים בזמן גלילה באמצעות אנימציות מבוססות גלילה

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

קינון CSS

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

איך בוחרים את התחביר של שירות CSS

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

• Chrome

איך להתכונן לקראת שינויים בהתנהגות של שינוי הגודל של אזור התצוגה שיהיו זמינים ב-Chrome ב-Android

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

• Chrome

חדש ב-Chrome 106

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

• Chrome

מקרה לדוגמה: ניפוי באגים זוויתי משופר באמצעות כלי פיתוח

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

• Chrome

ניפוי באגים מודרני באינטרנט בכלי הפיתוח ל-Chrome

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

• Chrome

מדרג שכבות מגיעות לדפדפן שלך

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

• Chrome

חדש ב-Chrome 89

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

• Chrome

Specify how multiple animation effects should composite with animation-composition

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

• Workbox

More control over :nth-child() selections with the of S syntax

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

• Workbox