הכלים והטכניקות של Chrome יעזרו לכם לשפר את ה-CSS ואת העיצוב של ממשק המשתמש באתר.

שיפור המיומנויות לפיתוח ממשק המשתמש

אפשר להשתמש במאפיינים scrollbar-width ו-scrollbar-color כדי לעצב סרגלי גלילה.
שיטת טיפוגרפיה קלאסית של כתיבה ידנית של מעברי שורה לקטעי טקסט מאוזנים מגיעה ל-CSS.
צבע CSS 4 מספק לאינטרנט מגוון רחב של כלים ויכולות צבעים: יותר צבעים, פונקציות מניפולציה ומעברים הדרגתיים טובים יותר.
מודל אובייקטים מסוג CSS Typed (Typed OM) מביא סוגים, שיטות ומודל אובייקטים גמיש לעבודה עם ערכי CSS.
הרצת שאילתה על ערכי הסגנון של רכיב הורה באמצעות הכלל @container.
אחת מהתכונות האהובות עלינו שמעבדות מראש ב-CSS מובנית עכשיו בשפה: כללי סגנון של סידור פנימי.
איך יוצרים סגנונות בהיקף לבחירת רכיבים רק בתוך עץ משנה של ה-DOM.
שילוב צבעים בכל אחד ממרחבי הצבעים הנתמכים, ישירות משירות ה-CSS.
יש לסנן מראש קבוצה של רכיבי צאצא לפני שמחילים עליה לוגיקת An+B.
יצירת אקורדיון בלעדי עם מספר רכיבי <details> בעלי אותו name.
המאפיין inert הוא מאפיין HTML גלובלי שמפשט את תהליך ההסרה והשחזור של אירועי קלט של משתמשים ברכיב מסוים, כולל אירועי התמקדות ואירועים מטכנולוגיות מסייעות.
ניתן להביע הסכמה לאופטימיזציה של גלישת טקסט, להשגת יופי על פני מהירות.
איך תכננו והטמענו תמיכה בכלים של CSS Grid ב-DevTools.
איך אנחנו תומכים ב-CSS-in-JS ב-DevTools ובמה הוא שונה מ-CSS רגיל.

DOM של צל

דרך חדשה להטמיע Shadow DOM ולהשתמש בו ישירות ב-HTML.
הסטטוס הנוכחי של יכולת הפעולה ההדדית של שמות שהוגדרו על ידי המחבר ו-DOM של צל.

פריסה

יש לציין מידות ב-CSS באמצעות שילוב של יחידות מידה.
Discover hidden=until-found, ערך מאפיין יכול להבטיח שניתן יהיה למצוא תוכן בקטעי אקורדיון ולקשר אליו.

מקרים לדוגמה בשימוש בשירות CSS ובממשק משתמש

מהן בעצם יכולות של ממשק משתמש באינטרנט ואיך הן יכולות לשפר את משפך ההמרות שלכם? מהם היתרונות של השימוש בתכונות האלה.
מגלים את היתרונות של אנימציות המבוססות על גלילה עם Policybazaar, RedBus ו-Tokopedia.
RedBus, Policybazaar ו-Tokopedia משתמשים ב-View Transitions API ומספקים ביצועים טובים יותר וממשק משתמש חלק.
חברת Tokopedia משתמשת ב-Popover API כדי להפחית את כמות הקוד באפליקציה שלה.

הנפשות באינטרנט

ממשק ה-API לאנימציות באינטרנט מספק פרימיטיבים חזקים לתיאור האנימציות החיוניות מ-JavaScript.
המאפיין 'יצירת אנימציה' מאפשר לשלוט במה שקורה כאשר אנימציות מרובות משפיעות על אותו מאפיין בו-זמנית.
לינארית () היא פונקציה של התאמה לעומס (scaling) של CSS שמבצעת אינטרפולציה לינארית בין הנקודות שלה, וכך מאפשרת ליצור מחדש אפקט של עזיבה מהדף הראשון ואפקט האביב.
תוכלו לעבוד עם גלילת צירי זמן ועם הצגת צירי זמן כדי ליצור אנימציות מבוססות גלילה בצורה מוצהרת.
קורס
קריאת היסטוריה של עיצוב רספונסיבי וסקירה של העקרונות הבסיסיים של פריסות רספונסיביות. שם תקבלו מידע על תמונות רספונסיביות, טיפוגרפיה, נגישות ועוד.
קורס
תלמדו את יסודות ה-CSS כמו מודל התיבה, הדירוג וספציפיות, flexbox, רשת ו-z-index. בנוסף, תלמדו על פונקציות, מאפיינים לוגיים ועוד כדי לעזור לכם לשפר את כישורי הפיתוח של אפליקציות הקצה.