ไฮไลต์ของชุมชน: Lynn Fisher

Lynn Fisher เป็นศิลปินชาวอเมริกันซึ่งเป็นที่รู้จักจากโครงการสร้างสรรค์มากมายและการปรับพอร์ตโฟลิโอประจำปี

โพสต์นี้เป็นส่วนหนึ่งของ Designcember พบกับงานออกแบบเว็บจาก web.dev

ลินน์ ฟิชเชอร์

Lynn Fisher เป็นศิลปินชาวอเมริกันซึ่งเป็นที่รู้จักจากผลงานบนเว็บ หลังจากเข้าเรียนโรงเรียนศิลปะในรัฐแอริโซนา เธอเริ่มทำงานเป็นนักออกแบบและนักพัฒนา CSS ในการให้คำปรึกษาด้านซอฟต์แวร์ เธอทุ่มเทให้กับการทำงานแบบข้ามสาขาวิชา ทดลองการใช้เว็บเป็นสื่อในการสร้างสรรค์ และสร้างโปรเจ็กต์เว็บเฉพาะกลุ่มที่สนุกสนาน ปัจจุบันเธอทำงานร่วมกับทีมครีเอทีฟโฆษณาที่ Netlify ผมได้คุยกับเธอเกี่ยวกับโครงการสนุกๆ มากมายของเธอ

Rachel คุณมีแนวทางในการออกแบบและพัฒนาเว็บอย่างไร

Lynn: ตอนมัธยมปลาย เพื่อนของฉันแนะนำให้ฉันรู้จักกับ GeoCities ฉันจำได้ว่าเคยมีคำว่า "ลืมตาได้ในที่สุด" ก่อนที่ผมจะสามารถสร้างเว็บไซต์ได้ เว็บไซต์แรกของฉันเป็นแฟนไซต์ของวงดนตรีท้องถิ่นในฟีนิกซ์ที่ฉันชอบมาก ไม่กี่ปีต่อมา เราได้เรียนรู้ HTML และ CSS จากไปป์ไลน์ LiveJournal ไปยัง MySpace และสร้างไซต์จำนวนมากสำหรับวงดนตรีและศิลปินในท้องถิ่น ฉันเพิ่งเรียนรู้จนได้งานแรกในฐานะ "ผู้ช่วยฝ่ายผลิต HTML" ที่เว็บเอเจนซีหลังจบการศึกษา

หลังจากนั้น ผมได้เรียนรู้งานและผ่านชุมชนการออกแบบและนักพัฒนาที่เข้ามาแบ่งปันความรู้และแหล่งข้อมูล ฉันเรียนวิจิตรศิลป์ที่โรงเรียนซึ่งช่วยให้ฉันมีความมั่นใจในความคิดสร้างสรรค์ของตัวเองและแนะนำฉันให้มีการวิจารณ์ แต่ไม่ใช่การฝึกอบรมด้านการออกแบบอย่างเป็นทางการ ฉันพัฒนาตนเองได้เรื่อยๆ จากการฝึกฝนและเรียนรู้จากเพื่อนร่วมงานและผู้คนในวงการนี้

Rachel: คุณเริ่มสร้างอาร์ตเวิร์ก div CSS เดี่ยวได้อย่างไร

Lynn: ในงาน CSSConf 2013 ผมเห็น Lea Verou พูดเกี่ยวกับ Humble Border-รัศมี และถือเป็นอีกช่วงเวลาหนึ่งที่น่าตื่นตาตื่นใจ คุณสมบัติของ CSS ที่ผมใช้อยู่แล้วมีศักยภาพด้านศิลปะอยู่ทั่วโลก จึงตื่นเต้นมากที่จะได้ลองสำรวจและทำการทดสอบ ฉันจึงกลับบ้านทำ WhyAZ และวาดภาพทั้งหมดด้วย CSS ในเวลานั้น ภาพแต่ละภาพสร้างขึ้นจากองค์ประกอบ HTML 2 อย่าง (ซึ่งตามมากับมาร์กอัประบบไอคอนจำนวนมากที่ลอยอยู่รอบๆ) มันจึงดูเหมือน:

<div class="icon">
  <span class="clock"></span>
</div>

ผมจึงอยากรู้ว่าผมจะวาดภาพด้วยองค์ประกอบ HTML เพียงองค์ประกอบเดียวได้ซับซ้อนเพียงใด กลายเป็นชาเลนจ์สุดท้าทายที่สนุกมากๆ ซึ่งผมจะทำได้แค่ 2-3 ชั่วโมงตรงนี้หรือที่นั่นก็ได้ ฉันเลยซื้อโดเมนและเริ่มเพิ่มโดเมนนั้น จนตอนนี้เป็นเวลาเกือบ 8 ปีแล้ว การได้ลองปรับภาพและฝึกทักษะการวาดภาพไปพร้อมๆ กันยังสนุกอยู่ดี

Rachel: คุณมีโปรเจ็กต์เจ๋งๆ เยอะมาก! คุณมีสิ่งที่อยากสร้างในใจไหม

Lynn: ขอบคุณค่ะ ฉันเก็บไอเดียคร่าวๆ ที่อาจจะนำมาสร้างเป็นโครงการสนุกๆ ได้ ทั้งสิ่งที่ฉันสนใจ รูปแบบที่เริ่มสังเกตเห็น รายการทีวี และภาพยนตร์ที่ตัวเองหลงใหล บางครั้งอาจใช้เวลานานในการสร้างไอเดียให้เป็นโปรเจ็กต์ที่ชัดเจน ฉันมี "ภาพยนตร์ปลอมในภาพยนตร์จริง" ใน Backlog 2-3 ปีก่อนที่บริการสตรีมมิงปลอมของ Nestflix จะพัฒนาเป็นโปรเจ็กต์ปฏิบัติการ ผมไม่ได้ทำตามตารางเวลา แต่มักจะคิดอะไรที่พร้อมแล้วเมื่อมองหาอะไรใหม่ๆ มาทำ

ราเชล: การรีเฟรชประจำปีได้กลายเป็นกิจกรรมอย่างหนึ่ง คุณรู้สึกกดดันกับการสร้างคอนเทนต์เหล่านี้ในตอนนี้หรือยัง หรือว่ายังคงสนุกมากอยู่

วันที่ ที่เก็บถาวรของพอร์ตโฟลิโอใน lynnandtonic.com
คุณสามารถดูที่เก็บถาวรของการออกแบบทั้งหมด

Lynn: ก็ยังสนุกมากและเป็นโครงการที่ผมตั้งตารอ นี่เป็นโปรเจ็กต์เดียวที่ฉันรู้ว่าฉันจะสร้างสรรค์ให้แปลกๆ ได้ตามที่ต้องการ เป็นโอกาสที่ดีในการทดลอง ลองสิ่งใหม่ๆ และเรียนรู้เทคนิคใหม่ๆ ที่ได้รับความสนใจในปีนั้นเสมอ และเนื่องจากมีการเปลี่ยนเทคโนโลยีนี้ทุกปี จึงช่วยให้ผมสามารถรับมือกับการเปลี่ยนแปลงได้อย่างมีประสิทธิภาพยิ่งขึ้น ซึ่งทำให้ฉันก้าวต่อไป แม้ว่าฉันจะสนใจเนื้อหาเวอร์ชันใดเวอร์ชันหนึ่งก็ตาม

แต่ก็รู้สึกกดดันนะ เป็นเรื่องง่ายที่จะรู้สึกว่าแต่ละเวอร์ชันจะต้องสร้างสรรค์และสร้างสรรค์มากขึ้นกว่ารุ่นก่อนหน้า ซึ่งอาจทำให้เครียดได้ แต่นั่นมันช่วยผลักดันฉันให้มีความทะเยอทะยาน และฉันก็รู้สึกขอบคุณ ถึงแม้ว่าจะมีเวลาและกระปรี้กระเปร่าแล้ว ฉันก็ยินดีที่จะพยายามยกระดับตัวเองอยู่เสมอ

Rachel: คุณเริ่มทำงานที่ Netlify เมื่อเร็วๆ นี้ การเปลี่ยนจากการทำงานของลูกค้าไปเป็นการทำงานผลิตภัณฑ์เป็นอย่างไรบ้าง

Lynn: ฉันทำงานในทีมออกแบบการตลาดของ Netlify ดังนั้น หลายๆ อย่างการทำงานจึงคล้ายกับงานของเอเจนซีที่เราทำให้กับทีมผลิตภัณฑ์ ความแตกต่างที่ยิ่งใหญ่ที่สุดคือการได้เห็นภาพรวมกว้างขึ้นอีกมาก บางครั้งเมื่อคุณได้รับการว่าจ้างในฐานะเอเจนซีภายนอกให้มาทำงานในโครงการ มุมมองของคุณก็อาจจำกัดอยู่ที่เป้าหมายและลำดับเวลาเฉพาะเหล่านั้น อย่างไรก็ตาม ไม่ใช่เรื่องแย่ การโฟกัสมีประโยชน์อย่างยิ่ง การอยู่ในบริษัทผลิตภัณฑ์นั้นมีข้อมูลมากมายและคุณจะเห็นว่าส่วนต่างๆ ของธุรกิจทำงานร่วมกันอย่างไร จัดลำดับความสำคัญของเป้าหมายคู่แข่งอย่างไร และแต่ละโปรเจ็กต์จะช่วย (หรือไม่ส่งผล) ไปสู่เป้าหมายด้านรายได้และการเติบโตในระยะยาวได้อย่างมีประสิทธิภาพเพียงใด

ฉันคิดว่าประสบการณ์ของฉันน่าจะเหมือนกับการจ้างบุคคลภายนอกให้ทำงานกับทีมภายในมากกว่า ฉันชอบงานที่หลากหลายของลูกค้ามาก แต่ฉันก็สนุกมากที่ได้ทำความเข้าใจ Netlify ในฐานะแพลตฟอร์มและระบบนิเวศของ Jamstack

Rachel: คุณต้องการให้เพิ่มฟีเจอร์หรือฟังก์ชันใดลงใน CSS

Lynn: หลายๆ อย่างที่ผมใฝ่ฝันมาโดยตลอดก็คือการมุ่งมั่นทำงาน ซึ่งยอดเยี่ยมมาก การค้นหาคอนเทนเนอร์และคลาสเทียม :has() จะอยู่ด้านบนสุดของรายการ

ไทม์ไลน์ในการประมาณรู้สึกว่าน่าจะมีประโยชน์มาก เมื่อเร็วๆ นี้ Scott Kellum ได้มาเล่าถึงวิธีที่เครื่องมือนี้อาจช่วยแก้ไขปัญหาที่ผมพบเกี่ยวกับการทดสอบที่ปรับเปลี่ยนตามอุปกรณ์ ซึ่งยอดเยี่ยมมาก

ฉันมักจะเข้าถึง JS เพื่อแจ้งความสูงขององค์ประกอบในตอนที่ไม่ได้ตั้งค่าไว้อย่างชัดแจ้ง ดังนั้นถ้า CSS ทำแบบนั้นได้ด้วยตัวเองก็อาจจะเยี่ยมมาก แต่ฉันแน่ใจว่ามันจะซับซ้อน

ราเชล: ตอนนี้มีใครกำลังสร้างสรรค์ผลงานที่น่าสนใจ สนุก หรือสร้างสรรค์บนเว็บอีกบ้าง

Lynn: มีคนจำนวนมากทำงานสนุกๆ สิ่งที่ฉันชื่นชอบเมื่อเร็วๆ นี้:

  • neal.fun ของ Neal Agarwal เป็นขุมทรัพย์ของโปรเจ็กต์เว็บแสนสนุก
  • ฉันชอบงาน SVG ที่สนุกสนานและสร้างสรรค์ของ Cassie Evans
  • Jhey Tompkins สาธิตการใช้ CSS ที่สนุกจริงๆ
  • ฉันชอบโปรเจ็กต์ Style Stage (CSS Zen Garden รุ่นใหม่) จาก Stephanie Eckles
  • อาร์ตเวิร์ก CSS ที่ยอดเยี่ยมจาก Ben Evans และ Diana Smith
  • Charlie Gerard กำลังทำการสาธิตที่ยอดเยี่ยมที่สุดโดยไม่ต้องสัมผัสและควบคุมการเคลื่อนไหว
  • George Francis กำลังสร้างสรรค์งานศิลปะจาก Generative AI ที่สวยงาม

ลองดูว่าลินน์จะสร้างอะไรต่อไปผ่านเว็บไซต์พอร์ตโฟลิโอของเธอที่ lynnandtonic.com หรือติดตามเธอทาง Twitter