Bramus Van Damme เป็นนักพัฒนาเว็บจากเบลเยียม ตั้งแต่ที่เขาค้นพบฟีเจอร์ "ดูแหล่งที่มา" ตอนอายุ 14 ปี (ย้อนกลับไปในปี 1997) เขาก็หลงรักเว็บและได้ลองเล่นกับเว็บมาตั้งแต่นั้น ฉันได้พูดคุยกับเขาเพื่อเรียนรู้เส้นทางการเป็นนักพัฒนาเว็บ และเพื่อดูว่าเขาคิดว่าอะไรใน CSS ที่น่าตื่นเต้นในปัจจุบัน
โพสต์นี้เป็นส่วนหนึ่งของ Designcember การเฉลิมฉลองการออกแบบเว็บโดย web.dev
ราเชล: คุณเข้าสู่วงการพัฒนาเว็บได้อย่างไร
Bramus: ตอนเด็กๆ ฉันชอบซ่อมสิ่งต่างๆ เสมอ ฉันใช้เวลาหลายวันเล่นตัวต่อ LEGO® สร้างโลกแฟนตาซีและวัตถุต่างๆ ขึ้นมาใหม่ทั้งหมด
เมื่อมีคอมพิวเตอร์ที่บ้าน ซึ่งเป็นอุปกรณ์ที่หาได้ยากในยุค 90 ผมก็เปลี่ยนจากของเล่นที่เป็นวัตถุไปเป็นเกมคอมพิวเตอร์ในไม่ช้า แต่ฉันก็ไม่ได้เป็นเกมเมอร์ตัวยงนะ ฉันไม่เคยเล่นเกมจบเลยสักเกม แต่แทนที่จะเล่นเกมให้จบ ผมกลับไปม็อดเกมแทน
ในปี 1997 ขณะค้นหาข้อมูลเกี่ยวกับเกมและเครื่องมือเหล่านั้น ฉันก็ได้พบกับ view-source ด้วยความอยากรู้ว่าเว็บไซต์ต่างๆ สร้างขึ้นมาได้อย่างไร ฉันจึงเริ่มรวบรวมข้อมูลโค้ด HTML ของเว็บไซต์ที่ฉันเข้าชม การรวมข้อมูลโค้ดเหล่านั้นกับ Frontpage Express (แอปพลิเคชันที่มาพร้อมกับ Internet Explorer 4 และ 5) ทำให้ฉันสร้างหน้าเว็บแรกที่มีข้อมูลเกี่ยวกับตัวเองได้ในไม่ช้า หน้าเว็บเหล่านั้นไม่เคยได้รับการเผยแพร่ มีเพียงในฟล็อปปี้ดิสก์ที่ฉันพกติดตัวเท่านั้น
ตั้งแต่นั้นมา ฉันก็สนใจคอมพิวเตอร์และเว็บมากขึ้นเรื่อยๆ ความสนใจนี้ทำให้ฉันจงใจสอบตกในชั้นมัธยมปลายปีหนึ่ง เพื่อที่จะได้เปลี่ยนสาขาจากเศรษฐศาสตร์ไปเป็นไอที เพราะรู้ว่าอยากประกอบอาชีพด้านไอที พอถึงปี 2002 ฉันก็เข้ามหาวิทยาลัย ซึ่งเป็นที่ที่ได้เรียนรู้ HTML อย่างจริงจัง และเริ่มก้าวแรกสู่ CSS และ JavaScript ในช่วง 3 ปีนั้น ผมตระหนักว่าเว็บคือสิ่งที่ผมหลงใหลอย่างแท้จริง และในปี 2005 หลังจากเรียนจบใหม่ๆ ผมก็เริ่มงานแรกในฐานะนักพัฒนาเว็บมืออาชีพ
การเป็นนักพัฒนาซอฟต์แวร์ส่วนหน้าและส่วนหลัง
ราเชล: ฉันเห็นในเว็บไซต์ของคุณว่าคุณเป็นทั้งนักพัฒนาฟรอนต์เอนด์และแบ็กเอนด์ ฉันก็เคยมีเส้นทางที่คล้ายกัน โดยเริ่มจากเป็นนักพัฒนา Perl แล้วก็ PHP และ MySQL คุณรู้สึกตื่นเต้นกับฝั่งใดฝั่งหนึ่งมากกว่าไหม คุณคิดว่าความเป็นไปได้ในการเป็นนักพัฒนาแอปแบบไฮบริดกำลังจะหายไปไหมเมื่อพิจารณาถึงความซับซ้อนของการเรียนรู้เพียงส่วนเดียวของสแต็ก
Bramus: ตลอดอาชีพการทำงานของผม ผมได้สลับไปมาระหว่างแบ็กเอนด์กับฟรอนต์เอนด์อยู่เสมอ ปีหนึ่งฉันอาจจะง่วนอยู่กับ JavaScript และ React (รวมถึง React Native) แต่ปีถัดมาก็อาจจะสร้างสคริปต์ Terraform และคอนเทนเนอร์ Docker ฉันชอบการผสมผสานทั้ง 2 อย่าง แต่ความหลงใหลของฉันมักจะอยู่ที่ส่วนหน้าและ CSS โดยเฉพาะ
ในช่วงแรกๆ ของการปรับแต่งเว็บ ทุกคนต่างเป็น "ผู้ดูแลเว็บ" และทำทุกอย่าง เนื่องจากขอบเขตของงานค่อนข้างจำกัดในตอนนั้น จึงติดตามได้ง่าย เมื่อเห็นว่าทั้งส่วนหน้าและส่วนหลังเติบโตอย่างรวดเร็วในช่วง 20 ปีที่ผ่านมา การรักษาความเชี่ยวชาญในสาขานี้จึงยากขึ้นเรื่อยๆ ฉันจึงตัดสินใจกลับมามุ่งเน้นที่ฟรอนต์เอนด์อีกครั้งในปี 2020
Rachel: ทำไมคุณจึงเริ่มเขียนเกี่ยวกับ CSS โดยเฉพาะ
Bramus เนื้อหาในบล็อกของฉันมักจะสะท้อนถึงโปรเจ็กต์ที่ฉันกำลังทำอยู่เสมอ จึงมีทั้งโพสต์ส่วนหน้าและส่วนหลัง
การเข้าร่วมการประชุมต่างๆ เช่น Fronteers Conference และ CSS Day ช่วยให้ฉันเขียนโพสต์เกี่ยวกับฟรอนต์เอนด์ได้อย่างเจาะลึก ตัวอย่างเช่น การได้เห็นTab Atkins-Bittner พูดถึงพร็อพเพอร์ตี้ที่กำหนดเองของ CSS ในปี 2013 ซึ่งเป็นปีที่ยังไม่มีการประกาศอย่างเป็นทางการ หรือคุณ (Rachel Andrew) อธิบาย Grid ให้เราฟังในปี 2015 เป็นเหตุการณ์ที่ทำให้ฉันเขียนถึงเรื่องนี้โดยตรง ตอนนั้นฉันเป็นอาจารย์สอนการพัฒนาเว็บและอุปกรณ์เคลื่อนที่ที่มหาวิทยาลัยเทคนิค จึงมีเหตุผลที่ดีมากที่จะต้องสนใจ เพราะต่อมาฉันจะต้องสอนวิชาเหล่านั้นให้กับนักเรียนของตัวเอง
ในปี 2019 ฉันเริ่มติดตาม CSSWG อย่างใกล้ชิดและเข้าร่วมการสนทนา เบราว์เซอร์ที่ทำงานกับฟีเจอร์ที่อยู่เบื้องหลังฟีเจอร์ Flag ทำให้ฉันได้ทดลองใช้สิ่งที่อ่านเจอ แม้ว่าฟีเจอร์เหล่านั้นจะยังไม่พร้อมใช้งานก็ตาม จากนั้นก็สะท้อนให้เห็นผ่านเนื้อหาในบล็อกของฉัน
คำแนะนำสำหรับนักเขียนมือใหม่
ราเชล: คุณจะแนะนำอะไรให้กับผู้ที่อยากเริ่มเขียนเกี่ยวกับเทคโนโลยี
Bramus: อย่าลังเลและลงมือทำเลย ไม่ว่าจะเป็น CSS เพียงบรรทัดเดียว โพสต์ปีละ 1 รายการ หรือมีผู้ติดตาม "เพียง" 5 คน คุณก็ควรทำ เขียนบทความที่คุณอยากอ่านเอง การเขียนบล็อกไม่เพียงแต่ช่วยให้ฉันได้ท้าทายตัวเองให้เรียนรู้เกี่ยวกับเทคโนโลยีในรายละเอียดที่ลึกซึ้งยิ่งขึ้น แต่ยังเปิดโอกาสต่างๆ ให้ฉันตลอดเส้นทาง ทั้งในเรื่องส่วนตัวและเรื่องงาน
อย่าพึ่งพาบริการภายนอกมากเกินไป เช่น Medium หรือ Twitter แต่พยายามสร้างพื้นที่ของคุณเองบนเว็บ ในระยะยาว การทำเช่นนี้จะคุ้มค่า คุณไม่จำเป็นต้องมี CMS ที่ซับซ้อน สร้างไปป์ไลน์ หรือระบบความคิดเห็นเพื่อเริ่มต้น คุณเพียงแค่ต้องมีโปรแกรมแก้ไขข้อความและเวลาว่าง HTML เมื่อใช้ร่วมกับชีตสไตล์อย่างง่ายจะช่วยให้คุณทำอะไรได้มากมาย
ฟีเจอร์ใหม่ใน CSS
Rachel: คุณได้เขียนเกี่ยวกับฟีเจอร์ใหม่ๆ มากมายที่กำลังพัฒนาใน CSSWG และในเบราว์เซอร์ คุณคิดว่าฟีเจอร์ใดน่าตื่นเต้นที่สุดสำหรับอนาคตของเว็บ คุณคิดว่าเทคโนโลยีใดที่จะส่งผลต่อการทำงานของคุณมากที่สุด
Bramus: ผมและนักพัฒนาซอฟต์แวร์หลายคนตื่นเต้นกับ Container Queries ของ CSS มาก ฟีเจอร์อื่นๆ ที่กำลังจะเปิดตัว เช่น Cascade Layers และ Scroll-linked Animations ก็ทำให้ฉันตื่นเต้นเช่นกัน แต่ Container Queries จะมีผลกระทบมากที่สุดอย่างแน่นอน ซึ่งจะช่วยให้เราเปลี่ยนจากหน้าเว็บที่ปรับเปลี่ยนตามอุปกรณ์ไปเป็นคอมโพเนนต์ที่ปรับเปลี่ยนตามอุปกรณ์ได้
ราเชล: คุณอยากเห็นฟีเจอร์หรือฟังก์ชันใดที่เพิ่มลงใน CSS
Bramus: ภาพเคลื่อนไหวที่ลิงก์กับการเลื่อนเป็นหนึ่งในฟีเจอร์ที่ฉันอยากเห็นการพัฒนาต่อไป ขณะนี้เป็นเพียงฉบับร่างของเอดิเตอร์ การกำหนดการเลื่อนที่เร่งด้วยฮาร์ดแวร์โดยไม่ต้องพึ่งพา JavaScript เป็นสิ่งที่สอดคล้องกับโมเดลทางจิตของฉันเกี่ยวกับการเพิ่มประสิทธิภาพแบบก้าวหน้าและกฎแห่งพลังงานน้อยที่สุด
CSS Nesting ก็อยู่ในเรดาร์ของฉันเช่นกัน แม้จะใช้เวลามากกว่า 2 ปีนับตั้งแต่ฉบับร่างฉบับแรกของบรรณาธิการ แต่ฉันก็ยินดีเป็นอย่างยิ่งที่ได้เห็นฉบับร่างฉบับแรกที่เผยแพร่ต่อสาธารณะเมื่อช่วงฤดูร้อนที่ผ่านมา
นอกเหนือจากฟีเจอร์ที่ใหญ่ขึ้นเหล่านี้แล้ว ฉันก็ชื่นชมการปรับแต่งและการเพิ่มฟีเจอร์เล็กๆ น้อยๆ ด้วย สิ่งต่างๆ เช่น accent-color ทำให้ฉันยิ้มได้ เพราะช่วยให้ชีวิตในฐานะนักพัฒนาแอปง่ายขึ้น
คำแนะนำเกี่ยวกับบุคคลบนเว็บที่ควรติดตามเพื่อรับแรงบันดาลใจ
ราเชล: มีใครอีกบ้างที่กำลังสร้างสรรค์ผลงานที่น่าสนใจ สนุกสนาน หรือสร้างสรรค์บนเว็บในตอนนี้
Bramus: เป็นคำถามที่ตอบยากมาก เพราะมีผู้คนมากมายที่สร้างเนื้อหาที่ทำให้ฉันทึ่งและสร้างแรงบันดาลใจให้ฉัน เช่น Adam Argyle และความท้าทายด้าน GUI ของเขา โปรเจ็กต์จาก Stephanie Eckles บล็อกโพสต์โดย Michelle Barker วิดีโอจาก Kevin J. Powell, งานของ Miriam Suzanne ในกลุ่มงาน CSS, พอดแคสต์จาก Una Kravets, บทความโดย Jake Archibald, HTTP 203 ของ Jake และ Surma, งาน Houdini ของ George Francis และโพสต์ของ Temani Afif ฉันขอชื่นชมและยกย่องบุคคลเหล่านี้ โปรเจ็กต์ของพวกเขา และอีกหลายๆ คนที่ฉันอาจลืมไปในตอนนี้
ผมคิดว่าบุคคลที่มีอิทธิพลมากที่สุดตลอดอาชีพของผมคือ Jeremy Keith การสอนเรื่อง HTML เชิงความหมาย การเพิ่มประสิทธิภาพแบบก้าวหน้า และความยืดหยุ่นของเขานั้นเป็นช่วงเวลาที่ทำให้ฉันได้เปิดโลก ซึ่งเป็นข้อความที่ฉันเคยบอกกับนักเรียนของตัวเอง และยังคงอยากเผยแพร่ในปัจจุบัน ในยุคที่ JavaScript กำลังครองโลกและนักพัฒนาซอฟต์แวร์รุ่นใหม่ดูเหมือนจะข้ามพื้นฐานของเว็บไป โพสต์และการพูดคุยของเขาก็มีความเกี่ยวข้องมากกว่าที่เคย
Rachel: คุณติดตาม Bramus ได้ใน Twitter และในบล็อกของเขาที่ bram.us