בראמוס ואן דאמה (Bramus Van Damme) הוא מפתח אתרים מבלגיה. מהרגע שגילה את האפשרות 'הצגת קוד המקור' בגיל 14 (בשנת 1997), הוא התאהב באינטרנט ומאז הוא מתעסק בו. פגשתי אותו כדי לשמוע על המסע שלו בפיתוח אתרים, ולגלות מה לדעתו מעניין ב-CSS היום.
הפוסט הזה הוא חלק מ-Designcember. חגיגה של עיצוב אתרים, בחסות web.dev.
רחל: מה היה המסלול שלך לפיתוח אתרים?
Bramus: כשהייתי ילד, תמיד אהבתי להתעסק עם דברים. הייתי מבלה ימים במשחק עם לבני LEGO®, בבניית עולם פנטזיה משלי ואובייקטים מאפס.
כשקיבלנו מחשב הביתה – מכשיר לא שגרתי בשנות ה-90 – מהר מאוד החלפתי את הצעצועים הפיזיים במשחקי מחשב. אבל לא הייתי גיימר מושבע. אני לא חושב שאי פעם סיימתי משחק לגמרי. במקום לסיים את המשחקים, מצאתי את עצמי משנה אותם.
בשנת 1997, כשחיפשתי מידע על המשחקים והכלים האלה, גיליתי גם את view-source. מתוך סקרנות לדעת איך הדברים נבנו, התחלתי לאסוף קטעי HTML של האתרים שביקרתי בהם. שילבתי את הקטעים האלה עם Frontpage Express (אפליקציה שהגיעה עם Internet Explorer 4 ו-5), ובמהרה יצרתי את דפי האינטרנט הראשונים שלי עם מידע על עצמי. הדפים האלה אף פעם לא פורסמו, הם היו קיימים רק באחד התקליטונים שנשאתי איתי.
מאז התחלתי להתעניין יותר ויותר במחשבים ובאינטרנט. העניין הזה גרם לי להיכשל בכוונה בשנה בתיכון, כדי שאוכל לעבור ממגמת כלכלה למגמת IT – ידעתי שאני רוצה לפתח קריירה בתחום ה-IT. בשנת 2002 הייתי סטודנט, למדתי HTML כמו שצריך ועשיתי את הצעדים הראשונים שלי ב-CSS וב-JavaScript. במהלך שלוש השנים האלה הבנתי שהאינטרנט הוא התשוקה האמיתית שלי, ובשנת 2005, מיד אחרי שסיימתי את הלימודים בקולג', התחלתי את העבודה הראשונה שלי כמפתח אתרים מקצועי.
מה זה מפתח/ת Front-end ומפתח/ת Back-end
רחל: ראיתי באתר שלך שאתה מפתח גם frontend וגם backend. אני עברתי מסלול דומה, הייתי מפתח Perl, אחר כך PHP ו-MySQL. האם צד אחד מעניין אותך יותר מהצד השני? האם לדעתך האפשרות להיות מפתח היברידי הולכת ונעלמת לאור המורכבות של לימוד רק חלק אחד מהטכנולוגיה?
Bramus: לאורך הקריירה שלי, כל הזמן עברתי בין backend ל-frontend. בשנה אחת מצאתי את עצמי עמוק בתוך JavaScript ו-React (ואפילו React Native), ורק בשנה שאחרי יצרתי סקריפטים של Terraform וקונטיינרים של Docker. אני אוהב לשלב בין השניים, אבל התשוקה שלי תמיד הייתה לצד הלקוח, ובמיוחד ל-CSS.
בתחילת דרכו של האינטרנט, היה פשוט 'מנהל אתר' אחד שעשה הכול. היקף העבודה היה די מוגבל באותה תקופה, ולכן היה קל לעמוד בקצב. במהלך 20 השנים האחרונות חל גידול משמעותי גם בפרונט-אנד וגם בבק-אנד, ולכן היה קשה יותר ויותר לשמור על רמת מומחיות גבוהה בכל התחום. לכן החלטתי להתמקד שוב בעיקר בפיתוח חזיתי בשנת 2020.
רחל: למה התחלת לכתוב על CSS דווקא?
Bramus התוכן בבלוג שלי תמיד שיקף את הפרויקטים שאני עובד עליהם. לכן, יש לפרסם פוסטים גם בחלק הקדמי וגם בחלק האחורי של האתר.
השתתפות בכנסים כמו Fronteers Conference ו-CSS Day עזרה לי לכתוב פוסטים מעמיקים בנושא פיתוח frontend. לדוגמה, ההרצאה של Tab Atkins-Bittner על מאפייני CSS בהתאמה אישית בשנת 2013 – שנים לפני שהם הפכו למשהו רשמי – או ההסבר שלך (Rachel Andrew) על Grid בשנת 2015 היו אירועים שהובילו אותי ישירות לכתוב עליהם. באותה תקופה הייתי מרצה לפיתוח אתרים ופיתוח לנייד באוניברסיטה טכנית, אז הייתה לי סיבה טובה לשים לב, כי בהמשך הייתי צריך ללמד את התלמידים שלי את הנושאים האלה.
בשנת 2019 התחלתי לעקוב מקרוב אחרי CSSWG ולהשתתף בדיונים. הדפדפנים עובדים על תכונות שמוסתרות מאחורי דגלים של תכונות, כך שיכולתי להתנסות בדברים שקראתי עליהם, עוד לפני שהם הושקו. השינוי הזה השתקף בתוכן של הבלוג שלי.
עצות לכותבים חדשים
רחל: מה היית ממליצה למישהו שרוצה להתחיל לכתוב על טכנולוגיה?
Bramus: אל תהססו, פשוט תעשו את זה. גם אם מדובר בשורה אחת של CSS, או אם אתם מפרסמים פוסט אחד בשנה, או אם יש לכם "רק" 5 מנויים: כדאי לעשות את זה. תגרדו את הגירוד שלכם, ותכתבו את המאמר שרציתם למצוא בעצמכם. הכתיבה בבלוג לא רק אתגרה אותי ללמוד על טכנולוגיות בצורה מפורטת יותר, אלא גם פתחה לי דלתות בדרך – גם בחיים האישיים וגם בקריירה.
אל תסתמכו יותר מדי על שירותים חיצוניים כמו Medium או Twitter, אלא נסו ליצור לעצמכם מקום משלכם באינטרנט. בטווח הארוך זה ישתלם. לא צריך מערכת ניהול תוכן משוכללת, צינורות לבניית אתרים או מערכת תגובות כדי להתחיל. כל מה שצריך זה עורך טקסט וקצת זמן פנוי. אפשר להגיע רחוק עם HTML בשילוב עם גיליון סגנונות פשוט.
תכונות חדשות ב-CSS
רייצ'ל: כתבת על הרבה מהתכונות החדשות שמפותחות ב-CSSWG ובדפדפנים. מה לדעתך הכי מרגש לגבי העתיד של האינטרנט? איזו מהאפשרויות הבאות לדעתך תשפיע באופן מיידי על העבודה המקצועית שלך?
Bramus: אני ועוד הרבה מפתחים מתלהבים מאוד מהתכונה CSS Container Queries. תכונות נוספות שעתידות לצאת – כמו Cascade Layers ו-Scroll-linked Animations – גם מעניינות אותי, אבל ל-Container Queries תהיה ההשפעה הכי גדולה. הם יאפשרו לנו לעבור מדפים רספונסיביים לרכיבים רספונסיביים.
רחל: איזו תכונה או פונקציונליות היית רוצה שנוסיף ל-CSS?
Bramus: אני רוצה לקדם את התכונה 'אנימציות שקשורות לגלילה'. כרגע זה רק טיוטה של העורך. האפשרות להגדיר גלילה עם האצת חומרה בלי להסתמך על JavaScript מתאימה לגמרי למודל המנטלי שלי של שיפור הדרגתי ולכלל העוצמה המינימלית.
גם CSS Nesting נמצא ברשימת הנושאים שאני עוקב אחריהם. עברו יותר משנתיים מאז הטיוטה הראשונה של העורך, אבל שמחתי מאוד לראות את הטיוטה הראשונה שזמינה לציבור שפורסמה בקיץ שעבר.
בנוסף לתכונות הגדולות האלה, אני בהחלט מעריך שינויים ותוספות קטנים יותר. תכונות כמו accent-color בהחלט משמחות אותי, כי הן מקלות על העבודה שלי כמפתח.
המלצות לאנשים מעוררי השראה באינטרנט שכדאי לעקוב אחריהם
רייצ'ל: מי עוד עושה עכשיו עבודה מעניינת, כיפית או יצירתית באינטרנט?
Bramus: זו שאלה מאוד קשה, כי יש כל כך הרבה אנשים שמפיקים תוכן שמדהים אותי ונותן לי השראה. לדוגמה, Adam Argyle והאתגרים שלו בממשק המשתמש הגרפי, הפרויקטים של Stephanie Eckles, פוסטים בבלוג של Michelle Barker, סרטונים של Kevin J. Powell, העבודה של Miriam Suzanne בקבוצת העבודה של CSS, פודקאסטים של Una Kravets, מאמרים של Jake Archibald, HTTP 203 של Jake ו-Surma, העבודה של George Francis על Houdini ופוסטים של Temani Afif. אני מעריכה מאוד את האנשים האלה ואת הפרויקטים שלהם, ואת רבים אחרים ששכחתי לציין כאן.
אני חושב שהאדם שהשפיע עליי הכי הרבה במהלך הקריירה שלי היה ג'רמי קית'. השיעורים שלו על HTML סמנטי, שיפור הדרגתי ועמידות היו רגעים שפתחו לי את העיניים. זה מסר שהעברתי לתלמידים שלי, ואני עדיין רוצה להפיץ אותו היום. בתקופה שבה JavaScript משתלטת על העולם, ונראה שמפתחים מתחילים דילגו על היסודות של האינטרנט, הפוסטים וההרצאות שלו רלוונטיים יותר מאי פעם.
רייצ'ל: אפשר לעקוב אחרי בראמוס ב-X ובבלוג שלו בכתובת bram.us.