צ'ן הואי ג'ינג היא מעצבת ומפתחת שרכשה את הלמידה בעצמה, והיא גרה בסינגפור. דיברתי איתה על שירות CSS, ובמיוחד על מערכות כתיבה שאינן אנגלית.
הפוסט הזה הוא חלק מ-designcember, מסיבה בנושא עיצוב אתרים, שהגיעה אליכם מ-web.dev.
צ'ן הואי ג'ינג (Chen Hui Jing) היא מעצבת ומפתחת שרכשה שרכשה את הידע שלה בעצמה ומתגוררים בסינגפור. היא אוהבת במיוחד את ה-CSS, כפי שניתן לראות בבלוג שלה (שמבוסס בעיקר על CSS) ואת הציוצים שלה (שעוסקים בעיקר בטיפוגרפיה ובאינטרנט). היא שיחקה כדורסל במשרה מלאה והשיקה את הקריירה שלה באינטרנט במהלך השעות השקטות בין האימונים, והיא מקווה שתוכל לטפס בחוץ יום אחד. דיברתי איתה על שירות CSS, ובמיוחד על מערכות כתב שאינן אנגלית.
רייצ'ל: מה היה המסלול שלכם לעיצוב ולפיתוח אתרים?
הוי ג'ינג: כשגורתי במעונות ושיחקתי כדורסל במשרה מלאה, היה לי קצת יותר ניסיון עם מחשבים מאשר עמיתיי, והמאמן שלי (ברך אותו) חשב שאני יכולה לעשות משהו על אתר האגודה שלנו שלא עודכן במשך שנים. לא היה לי מושג מה זה פיתוח אתרים, אבל חשבתי שיש לי מספיק זמן כדי להבין את זה. זה היה יותר מהנה ממה שציפיתי, והרבה שנים אחרי זה, אני עדיין כאן.
רייצ'ל: ואיך הגעת לענף ה-CSS במיוחד?
הוי ג'ינג: אני בן אדם ויזואלי מאוד, ויש משהו של היכולת לתת "הוראות" לדפדפן ומיד לראות זאת משתקף במסך שבאמת מעניין אותי. זה הרגיש לי הרבה יותר אינטואיטיבי מאשר לוגיקת תכנות לאפליקציות. התייחסתי לאינטרנט ברצינות בתקופה שבה ההתפתחויות בעולם ה-CSS התחילו להצטבר, לכן היו הרבה מאפיינים ניסיוניים שלא היו בשימוש נרחב. היה מרגש מאוד לגלות תכונות חדשות שמעטים אנשים הכירו אותן.
עבודה עם מצבי כתיבה אנכיים
רייצ'ל: כתבת הרבה על מצבי כתיבה אנכית ב-CSS, ועל הבאגים הכיף שאתם מוצאים בעבודה עם כתיבה אנכית. יש לך באגים מועדפים שעל כולנו לסמן בכוכב?
Hui Jing: היו כמה בעיות כשבדקתי שוב במאי השנה, אבל רוב הבעיות נפתרו מלבד אחת: ב-Chromium יש בעיה בשכבת-העל של Devtools במצב כתיבה אנכית. אני חושב שזו עדות לאופן שבו מחזור העדכונים של הדפדפן לטווח ארוך באמת מקדם את פיתוח האינטרנט.
רייצ'ל: טוב לשמוע שהבעיות האלה נפתרו. האם לדעתכם משחק במצב כתיבה מציע יותר תרחישים לדוגמה מאשר סידור טקסט אנכי?
הוי ג'ינג: כן, בהחלט. אומנם השימוש העיקרי במצב כתיבה הוא כתיבה של סקריפטים מזרח אסיאתיים, אבל לדעתי מערכות כתיבה אחרות יכולות להשתמש במצב כתיבה כדי ליצור פריסות אנכיות, כמו הסגנון שאנחנו רואים לעיתים קרובות בכתבי עת מודפסים. מבחינתי, שילובים של מאפייני CSS הם מה שהופך את ה-CSS לעוצמתי כל כך, לכן מצב כתיבה יחד עם flexbox ורשת מעניקים לנו מספר גדול למדי של תמורות עבור מסלולי פריסה, מתיבות ברמת הדף ועד לתווים נפרדים בטקסט. לדעתי זה פותח אפשרויות ויותר יצירתיות ככל שהאנשים יבינו את ההיקף של כל מה שאפשר לעשות עם עיצוב אתרים בעתיד. אני מקווה לראות באינטרנט פריסות ועיצובים שלא חשבתי לדמיין רק לפני כמה שנים.
ריצ'ל: הרבה פעמים שואלים אותי אם לדעתי כולם צריכים להשתמש במאפיינים ובערכים לוגיים עכשיו או אם זה יהפוך לברירת המחדל. איך היית עונה על כך?
Hui Jing: באופן אישי, אני מקווה שהוא יהיה ברירת המחדל, כי מבחינה מעשית, יהיה הרבה יותר קל לפתח אתרים עם מספר סקריפטים. קשה הרבה יותר לענות על השאלה אם הם יהפכו לברירת המחדל.
אחד האתגרים שהמאפיינים הלוגיים הם 'להחליף' תחביר ותיק שנמצא בשימוש כבר הרבה שנים. בנוסף, בשנים האחרונות, התמיכה בסקריפטים שהם לא ברירת המחדל היא 'מלמעלה למטה'. התוכן באינטרנט עדיין מופיע בעיקר באנגלית, לכן השימוש במאפיינים לוגיים פחות חשוב בהקשר הזה. לדעתי, עידוד נרחב יותר של אנשים שאינם דוברים אנגלית ליצור תוכן בשפות המתאימות לאינטרנט יקדם את המטרה הזו. בנוסף, אם התמיכה במספר שפות חשובה יותר, הערך של השימוש במאפיינים לוגיים יתבלט עוד יותר.
תכונות חדשות ב-CSS
Rachel: איזו תכונה או פונקציונליות הייתם רוצים שנוסיף ל-CSS?
הוי ג'ינג: אני עוקב אחרי העבודה של מרים סוזן על שאילתות של קונטיינרים כבר תקופה, וחלקים במפרט שעדיין לא פותחו עבור תכונות של קונטיינרים מסוג Style ו-State הם די מרגשים, כי הם מרחיבים את התפיסה של עיצוב רספונסיבי. יכול להיות שנוכל לשנות את העיצובים והפריסות שלנו כך שיתאימו גם לגודל של אזור התצוגה. אני מקווה שספק הדפדפן מקובל עליי, ושנוכל לקבל תמיכה רחבה יותר בנושא בעתיד הקרוב.
לעודד אנשים לעקוב אחריהם
רייצ'ל: מי עוד עושה כרגע עבודה מעניינת, מהנה או יצירתית באינטרנט?
הוי ג'ינג: תמיד מעניין אותי אנשים שמתמחים ב-CSS. ויש גם אנשים שאני מעריצה בהם כבר שנים, כמו יואן צ'ואן והיצירות של שירות ה-CSS הגנרטיבי שלו, בן אוונס, שיצירות אומנות מרהיבות של CSS ואנה טיודור עם ניתוחים מעמיקים של טכניקות מתוחכמות מאוד. לאחרונה נתקלתי ב-Codepens של Julia Mioce ו-Jackie Zen שיש בו גם אנימציות CSS יפהפיות.
ריצ'ל: אפשר לקרוא מידע נוסף מ-Chen Hui Jing באתר שלה בכתובת chenhuijing.com.