צ'ן הואי ג'ינג היא מעצבת ומפתחת ללמוד עצמית שגרה בסינגפור. דיברתי איתה על שירות CSS ובמיוחד על מערכות כתיבה שאינן אנגלית.
הפוסט הזה הוא חלק מ-Designcember. חגיגה של עיצוב אתרים, ישירות מהאתר web.dev.
צ'ן הוי ג'ינג היא מעצבת ומפתחת ללמוד עצמית שמתגוררת בסינגפור. היא אוהבת מאוד ל-CSS, כפי שמעיד הבלוג שלה (שמעסוק בעיקר ב-CSS) ובציוצים שלה (שכוללים בעיקר טיפוגרפיה והאינטרנט). היא שיחקה כדורסל במשרה מלאה והשיקה את הקריירה שלה באינטרנט במהלך השעות השקטות בין האימון, והיא מקווה להצליח לטפס יום אחד בחוץ. דיברתי איתה על שירות CSS ובמיוחד על מערכות כתיבה שאינן אנגלית.
רייצ'ל: מה היה המסלול שלכם בעיצוב ופיתוח אתרים?
הווי ג'ינג: כשהייתי במעונות במשרה מלאה בזמן ששיחקתי כדורסל, היה לי קצת יותר ניסיון עם מחשבים מאשר הקולגות שלי, והמאמן שלי (ברכותו) חשב שאני יכול לעשות משהו לגבי אתר האגודה שלנו שלא עודכן במשך שנים. לא היה לי מושג מה זה פיתוח אתרים, אבל חשבתי שיש לי מספיק זמן פנוי כדי להבין את זה. זה היה יותר כיף ממה שציפיתי, והרבה שנים אחר כך אני עדיין כאן.
רייצ'ל: ואיך הגעת ספציפית ל-CSS?
הווי ג'ינג: אני אדם חזותי מאוד מטבעי, והיכולת לתת "הוראות" היא ומיד לראות את זה במסך, שממש עניין אותי. זה הרגיש לי הרבה יותר אינטואיטיבי מלוגיקת תכנות לאפליקציות. הייתי מאוד רצינית לגבי האינטרנט בתקופה שבה הפיתוחים בעולם ה-CSS התחילו להתבצע במהירות, כך שהיו הרבה מאפיינים ניסיוניים שלא היו בשימוש נרחב. הרגשתי מאוד מרגש לגלות תכונות חדשות שמעטים הכירו.
עבודה עם מצבי כתיבה אנכיים
רייצ'ל: כתבת הרבה על מצבי כתיבה אנכית ב-CSS, ועל הבאגים הכיפיים שמצאתם כשעובדים עם כתיבה אנכית. יש לך באגים מועדפים שכולנו צריכים שנסמן בכוכב?
הווי ג'ינג: היו כמה כשבדקתי שוב במאי השנה, אבל רובם נפתרו, חוץ מאחד: ב-Chromium יש בעיה עם שכבת-העל של Devtools במצב כתיבה אנכית. לדעתי זו עדות לאופן שבו מחזור העדכונים לטווח ארוך של הדפדפן דוחף באמת את פיתוח האתרים.
רייצ'ל: טוב לשמוע שהבעיות האלה מתוקנות. האם לדעתך יש יותר תרחישים לדוגמה כדי לשחק במצב כתיבה מאשר להקליד טקסט אנכי?
הואי ג'ינג: כן, בהחלט. למרות ששיטת ההקלדה של סקריפטים ממזרח אסיה היא השימוש העיקרי במצב כתיבה, אני חושבת שמערכות כתיבה אחרות יכולות להשתמש במצב כתיבה כדי להטמיע פריסות אנכיות, כמו הסגנון שאנחנו רואים לעיתים קרובות בכתבי עת מודפסים. מבחינתי, שילובים של מאפייני CSS הם מה שהופך את ה-CSS לעוצמתי כל כך, ולכן מצב הכתיבה יחד עם Flexbox ו-grid נותנים לנו מספר די גדול של תמורות בכיוונים של פריסה, מתיבות ברמת הדף ועד לתווים ספציפיים בטקסט. אני חושבת שזה פותח אפשרויות ויותר יצירתיות כשאנשים מבינים את היקף האפשרויות לעיצוב אתרים בעתיד. אני מקווה לראות פריסות ועיצובים באינטרנט שלא יכולתי לדמיין לפני כמה שנים.
רייצ'ל: שואלים אותי לעיתים קרובות אם אני חושב שכולם צריכים להשתמש עכשיו במאפיינים ובערכים לוגיים, או אם הוא יהפוך לברירת המחדל. איך תענו על זה?
הואי ג'ינג: באופן אישי, אני מקווה שהיא תהפוך לברירת המחדל, כי מבחינה מעשית, זה יהיה הרבה יותר קל לפתח אתרים עם ריבוי סקריפטים. קשה יותר לענות אם המכשיר יהפוך לברירת המחדל.
האתגר בנכסים לוגיים הוא "החלפה" יש תחביר ותיק שנמצא בשימוש כבר שנים רבות, וגם העובדה שהתמיכה בסקריפטים שאינם ברירת המחדל, מתצוגה אופקית מלמעלה למטה, השתפרה מאוד רק בשנים האחרונות. התוכן באינטרנט עדיין מופיע בעיקר באנגלית, ולכן השימוש בתכונות לוגיות פחות חזק בהקשר הזה. אני חושבת שמאמץ גדול יותר בקרב אנשים שאינם דוברי אנגלית ליצור תוכן בשפות שלהם באינטרנט יוביל למטרה הזו. בנוסף, אם תמיכה במספר שפות מקבלת עדיפות גבוהה יותר, הערך של השימוש במאפיינים לוגיים ברור עוד יותר.
תכונות חדשות ב-CSS
רייצ'ל: איזו תכונה או פונקציונליות היית רוצה שנוסיף ל-CSS?
הוי ג'ינג: אני עוקבת אחרי העבודה של מרים סוזאן על שאילתות קונטיינרים כבר תקופה, וחלקי המפרט שעדיין לא פותחו לתכונות קונטיינרים מסוג Style ו-State מרגשים למדי, כי הם באמת מרחיבים את הרעיון של עיצוב רספונסיבי. יש לנו אפשרות לגרום לעיצובים ולפריסות שלנו להגיב ליותר מגודל אזור התצוגה שלנו. אני מקווה שספקי הדפדפנים השונים יכולים להסכים על המודול הזה, ונוכל לקבל תמיכה רחבה יותר בנושא הזה בעתיד הקרוב.
השראה לאנשים לעקוב
רייצ'ל: מי עוד עושה עבודה מעניינת, כיפית או יצירתית באינטרנט כרגע?
הוי ג'ינג: אני תמיד נמשך לאנשים שמתמחים באומנות CSS. ויש אנשים שאני מעריצה אותם כבר שנים, כמו יואן צ'ואן והיצירות של שירות ה-CSS הגנרטיבי שלו, בן אוונס, שאוהבת ליצור גרפיקה מרהיבה של CSS ואנה טיודור מתעמקת בשיטות החכמות שלה. לאחרונה נתקלתי ב-Codepens של Julia Miocene וג'קי זן שיש בהם גם אנימציות CSS יפהפיות.
רייצ'ל: אפשר לקרוא מידע נוסף מצ'ן הוי ג'ינג באתר שלה בכתובת chenhuijing.com.