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