Lynn Fisher เป็นศิลปินชาวอเมริกันที่มีชื่อเสียงจากโปรเจ็กต์สร้างสรรค์มากมายและการทำพอร์ตโฟลิโอใหม่ทุกปี
โพสต์นี้เป็นส่วนหนึ่งของ Designcember ร่วมฉลองการออกแบบเว็บที่ Web.dev นำเสนอ
ลินน์ ฟิชเชอร์ เป็นศิลปินชาวอเมริกันซึ่งเป็นที่รู้จักจากผลงานของเธอบนเว็บ หลังจากเข้าเรียนโรงเรียนศิลปะในรัฐแอริโซนา เธอเริ่มทำงานเป็นนักออกแบบและนักพัฒนา CSS ในด้านซอฟต์แวร์ให้คำปรึกษา เธอทุ่มเทให้กับการทำงานแบบข้ามสาขาวิชา ทดลองการใช้เว็บเป็นสื่อสุดสร้างสรรค์ และสร้างโปรเจ็กต์เว็บที่สนุกสนานและมีกลุ่มเฉพาะ ขณะนี้เธอทำงานร่วมกับทีมครีเอทีฟที่ Netlify ผมได้คุยกับเธอเกี่ยวกับโปรเจ็กต์สนุกๆ มากมาย
Rachel เส้นทางสู่การออกแบบและพัฒนาเว็บของคุณเป็นอย่างไร
Lynn: ตอนมัธยมปลาย เพื่อนของฉันแนะนำให้ฉันรู้จักกับ GeoCities ผมจำได้ว่าตัวเองมีช่วงเวลาแบบ "ในที่สุดก็ลืมตาขึ้นมา" แล้ว ผมก็ตระหนักได้ว่าผมสามารถสร้างเว็บไซต์ได้ เว็บไซต์แรกของฉันเป็นแฟนไซต์สำหรับวงดนตรีท้องถิ่นในฟีนิกซ์ที่ฉันหลงใหล ไม่กี่ปีต่อมา ผมเรียนรู้ HTML และ CSS ผ่านไปป์ไลน์ LiveJournal ไปยัง MySpace และสร้างเว็บไซต์มากมายสำหรับวงและศิลปินในท้องถิ่น ฉันเรียนมากพอจนได้งานแรกเป็น "ผู้ช่วยฝ่ายผลิต HTML" ที่เว็บเอเจนซีหลังจบมหาวิทยาลัย
หลังจากนั้น ผมได้เรียนรู้งานและผ่านชุมชนการออกแบบและนักพัฒนาที่แชร์ความรู้และทรัพยากร ฉันเรียนด้านวิจิตรศิลป์ในโรงเรียน ซึ่งช่วยให้ผมมีความมั่นใจในแนวคิดเชิงสร้างสรรค์และแนะนำให้ผมวิจารณ์ แต่นี่ไม่ใช่การฝึกอบรมด้านการออกแบบอย่างเป็นทางการ เมื่อเวลาผ่านไป ฉันได้พัฒนาการด้วยการฝึกฝนและเรียนรู้จากเพื่อนร่วมงานและเพื่อนๆ ในอุตสาหกรรม
Rachel: คุณเริ่มสร้างอาร์ตเวิร์ก CSS ของ div เดี่ยวได้อย่างไร
Lynn: ในงาน CSSConf 2013 ฉันได้เห็น Lea Verou พูดคุยกับเธอเรื่อง Humble Border-Radi-Radius และถือเป็นช่วงเวลาที่น่าสนใจอีกครั้ง โลกนี้มีศักยภาพด้านศิลปะอยู่ในพร็อพเพอร์ตี้ CSS ที่ผมใช้อยู่แล้ว ผมตื่นเต้นมากที่จะได้สำรวจและทดลอง ฉันจึงกลับบ้านไปทำ WhyAZ และวาดรูปทั้งหมดโดยใช้ CSS ในตอนนั้น ภาพแต่ละภาพประกอบด้วยองค์ประกอบ HTML 2 อย่าง (ซึ่งตามหลังมาร์กอัประบบของไอคอนจำนวนมากที่ลอยไปมา) ซึ่งจะมีลักษณะดังนี้
<div class="icon">
<span class="clock"></span>
</div>
จากนั้นผมอยากดูความซับซ้อนในการสร้างภาพประกอบด้วยองค์ประกอบ HTML เพียงรายการเดียว กลายเป็นชาเลนจ์ที่สนุกสุดเหวี่ยงอย่างมาก ซึ่งฉันน่าจะทำได้ภายในเวลา 2-3 ชั่วโมง ฉันจึงซื้อโดเมนและเริ่มเพิ่มโดเมนนั้นลงในเว็บไซต์ และตอนนี้ก็ผ่านมาเกือบ 8 ปีแล้ว การลองขยายขนาดสื่อและฝึกทักษะการวาดภาพไปพร้อมๆ กันนั้นก็ยังสนุกไม่แพ้กัน
Rachel: คุณมีโครงการเจ๋งๆ มากมาย! คุณมีอะไรในใจที่ต้องการสร้างมาตลอดใช่ไหม
Lynn: ขอบคุณ! ฉันรวบรวมไอเดียคร่าวๆ ที่อาจใช้ในการสร้างโปรเจ็กต์สนุกๆ ขึ้นมา เช่น สิ่งที่ฉันสนใจ รูปแบบที่ฉันเริ่มสังเกตเห็น รายการทีวีและภาพยนตร์ที่หมกมุ่นอย่างมาก บางครั้งอาจใช้เวลานานกว่าที่แนวคิดจะกลายเป็นโครงการที่ชัดเจน ฉันมี "ภาพยนตร์ปลอมในภาพยนตร์จริง" ใน Backlog ของฉันเป็นเวลา 2-3 ปีก่อนที่บริการสตรีมมิงปลอมของ Nestflix จะพัฒนาเป็นโปรเจ็กต์ที่เป็นไฟล์ปฏิบัติการ ฉันไม่ได้วางกำหนดเวลา แต่ปกติฉันมักจะมีไอเดียที่พร้อมเมื่อมองหาสิ่งใหม่ๆ ที่จะลงมือทำ
Rachel: การรีเฟรชประจำปีให้กลายเป็นกิจกรรมบางอย่าง คุณรู้สึกกดดันที่ต้องทำตอนนี้หรือว่ายังสนุกมาก
Lynn: เรายังคงสนุกอยู่และเป็นโปรเจ็กต์ที่ฉันตั้งตารอ นี่เป็นโปรเจ็กต์เดียวที่ฉันรู้ว่า ฉันทำเรื่องแปลกๆ ได้ตามที่ต้องการ ซึ่งเป็นโอกาสอันดีในการทดลอง ลองทำสิ่งใหม่ๆ และเรียนรู้เทคนิคใหม่ๆ ที่ได้รับความนิยมในปีนั้น และเนื่องจากมีการแทนที่ในแต่ละปี ฉันจึงช่วยให้ฉันรับมือกับการเปลี่ยนแปลงได้มากขึ้นจริงๆ ซึ่งทำให้ผมต้องไปต่อแม้ว่าจะสนใจเวอร์ชันใดเวอร์ชันหนึ่งเป็นพิเศษก็ตาม
แต่ฉันรู้สึกกดดันนะ จึงเป็นเรื่องง่ายที่จะรู้สึกว่าแต่ละเวอร์ชันต้องใช้ความคิดสร้างสรรค์มากขึ้น แปลกใหม่มากกว่าเวอร์ชันก่อน ซึ่งอาจทำให้เครียดได้ แต่ก็ทำให้ฉันมีความทะเยอทะยานและฉันก็รู้สึกซาบซึ้ง แม้ว่าฉันจะมีเวลาและพลังงาน แต่ฉันก็ยินดีที่จะพยายามยกระดับมาตรฐานนี้ต่อไป
Rachel: คุณเพิ่งเริ่มทำงานที่ Netlify การย้ายจากการทำงานของลูกค้ามาทำงานกับผลิตภัณฑ์เป็นอย่างไรบ้าง
Lynn: ฉันทำงานอยู่ในทีมออกแบบการตลาดของ Netlify งานส่วนใหญ่จึงคล้ายกับงานของเอเจนซีที่เราจะทำสำหรับทีมผลิตภัณฑ์ สิ่งที่แตกต่างที่สุดคือการได้เห็นภาพรวมที่กว้างขึ้น บางครั้งเมื่อได้รับการว่าจ้างในฐานะเอเจนซีภายนอกเพื่อให้ทำงานในโปรเจ็กต์ มุมมองของคุณอาจจำกัดอยู่ที่เป้าหมายและลำดับเวลาที่เจาะจงเหล่านั้น แต่นั่นไม่ใช่เรื่องเลวร้าย การมีสมาธิมีประโยชน์มาก การอยู่ในบริษัทผลิตภัณฑ์จะทำให้ได้ข้อมูลจำนวนมาก คุณจึงเห็นว่าส่วนต่างๆ ของธุรกิจทำงานร่วมกันอย่างไร ลำดับความสำคัญของการแข่งขันเป็นอย่างไร และแต่ละโปรเจ็กต์มีส่วนช่วยให้ (หรือไม่ทำ) อย่างมีประสิทธิภาพต่อเป้าหมายด้านรายได้และการเติบโตในระยะยาวอย่างไร
ฉันคิดว่าประสบการณ์ของฉันน่าจะมาจากเอเจนซีภายนอกไปยังทีมภายในองค์กรมากกว่า เราชอบงานต่างๆ ของลูกค้ามาก แต่การได้สนุกกับการเจาะลึกรายละเอียดเกี่ยวกับ Netlify ในฐานะแพลตฟอร์มและระบบนิเวศของ Jamstack นั้นเป็นเรื่องสนุก
Rachel: ฟีเจอร์หรือฟังก์ชันใดที่คุณอยากเห็นเพิ่มลงใน CSS
Lynn: หลายๆ เรื่องที่ฉันอยากทำมาตลอดคือการพัฒนาอย่างต่อเนื่อง ซึ่งเป็นเรื่องที่ยอดเยี่ยมมาก คำค้นหาคอนเทนเนอร์และคลาสจำลอง :has() จะอยู่ที่ด้านบนสุดของรายการ
ลำดับเวลาในการประมาณค่าในช่วงดูเหมือนจะมีประโยชน์มากๆ Scott Kellum เพิ่งพูดถึงฉันถึงวิธีที่อาจช่วยแก้ไขปัญหาที่ฉันพบเจอในการทดสอบที่ปรับเปลี่ยนตามอุปกรณ์ ซึ่งก็แจ๋วมากๆ
ฉันมักจะเข้าถึง JS เพื่อระบุความสูงขององค์ประกอบเมื่อไม่ได้ตั้งค่าไว้อย่างชัดแจ้ง จึงอาจดีกว่าหาก CSS ทำได้ด้วยตัวเอง แต่ฉันแน่ใจว่านั่นน่าจะยุ่งยากกว่า!
Rachel: มีใครบ้างที่กำลังทำผลงานที่น่าสนใจ สนุกสนาน หรือสร้างสรรค์ในเว็บอยู่ในขณะนี้
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 ที่สวยงาม
โดยคุณจะดูสิ่งที่ Lynn สร้างขึ้นต่อไปได้ผ่านทางเว็บไซต์พอร์ตโฟลิโอที่ lynnandtonic.com หรือติดตามได้ใน Twitter