לומדים איך כלי הפיתוח עוזרים לכם להקליד פחות עם השלמה אוטומטית חכמה יותר במסוף, איך לערוך כללים של @keyframe ישירות בחלונית הסגנונות, איך ליהנות עם משתנים מותאמים אישית של CSS ואיך להצטרף לצד האפל.
השלמה אוטומטית חכמה יותר במסוף
אם אתם כמוני ורבים אחרים, אתם יכולים להקליד פקודה במסוף כדי לנפות באגים באפליקציה, לראות שהיא לא פועלת, להקליד אותה שוב ושוב, שוב ושוב. כדי לעזור בכך, אנחנו משלימים עכשיו באופן אוטומטי הצהרות מלאות שהקלדת בעבר, למשל:
עריכה ישירה של כללי @keyframe בחלונית 'סגנונות'
כשהצגנו את הכלי לבדיקת אנימציה ואת עורך ההתאמה לצפייה בכלי הפיתוח, הוא היה מוגבל למעברים כי מעולם לא הצגנו אנימציות CSS מבוססות @keyframe בחלונית 'סגנון'. אני שמח לומר שעכשיו זה דבר של העבר, אז תשתול! מומלץ לקרוא את ציוץ הסרטונים שלנו כדי לקבל תצוגה מקדימה.
תמיכה בנכסי CSS בהתאמה אישית
שירות ה-CSS מציע יתרונות רבים, ואחד מהם הוא משתנים מותאמים אישית, שמושק ב-Chrome 49. הקפידו לכלול תמיכה מלאה בכלי הפיתוח. לכן, אם השתמשתם במשתנים ב-Sass בעבר, אתם יכולים לנסות את המשתנים המקוריים כי הם מאפשרים לערוך מאפיינים במהירות דרך חלונית סגנונות ולעדכן מיד רכיבים תלויים.
עיצוב כהה לכלי הפיתוח
סוף סוף נענינו לבקשה ששמענו עליה עשרות פעמים בשנים האחרונות: עכשיו אפשר לבחור את הצד האפל בכלי הפיתוח. עוברים להגדרות של כלי הפיתוח, מגדירים את העיצוב לכהה וממשיכים ליהנות. ההצעה הזו עדיין נמצאת בגרסת בטא, כי הרבה ממנה נוצר באופן אוטומטי. אם רואים תחומים שאפשר לשפר, חשוב לנו לדעת.
הטוב ביותר
- חלונית ההזזה של המסוף מתכווצת באופן אוטומטי כשלוחצים על הכרטיסייה המלאה במסוף.
- עץ הקבצים ב'מקורות' עבר שיפוץ מקיף עם סמלים חדשים ופונקציונליות חדשה לקיבוץ
כמו תמיד, נשמח לשמוע מה דעתכם דרך Twitter או דרך התגובות הבאות, ולשלוח באגים לכתובת crbug.com/new.
עד לחודש הבא!
פול בקאוס וצוות כלי הפיתוח