Cộng đồng nổi bật: Lynn5

Lynn Fisher là một nghệ sĩ người Mỹ nổi tiếng với nhiều dự án sáng tạo và danh mục nội dung được cập nhật hằng năm.

Bài đăng này thuộc Designcember. Đây là sự kiện tôn vinh thiết kế web do web.dev mang đến cho bạn.

Câu cá

Lynn Fisher là một nghệ sĩ người Mỹ nổi tiếng với tác phẩm của cô trên web. Sau khi theo học trường nghệ thuật ở Arizona, cô bắt đầu công việc trong vai trò nhà thiết kế và nhà phát triển CSS trong lĩnh vực tư vấn phần mềm. Cô dành cả sự nghiệp để theo đuổi nhiều nỗ lực trong nhiều lĩnh vực, thử nghiệm web như một phương tiện sáng tạo và tạo ra các dự án web thú vị, phù hợp với thị trường. Cô hiện làm việc với nhóm sáng tạo tại Netlify. Tôi đã nói chuyện với cô ấy về nhiều dự án thú vị của cô ấy.

Rachel Trên hành trình thiết kế và phát triển web của bạn là gì?

Lynn: Ở trường trung học, một người bạn đã giới thiệu tôi đến với GeoCities. Tôi còn nhớ có khoảnh khắc "cuối cùng tôi cũng mở mắt" nhận ra mình có thể tạo trang web. Trang web đầu tiên của tôi là một trang dành cho người hâm mộ của một ban nhạc địa phương ở Phoenix mà tôi rất đam mê. Trong vài năm sau đó, tôi học được về HTML và CSS thông qua đường dẫn từ LiveJournal cho Mail và đã tạo được rất nhiều trang web cho các ban nhạc và nghệ sĩ địa phương. Tôi học vừa đủ để có được công việc đầu tiên với vai trò là "Trợ lý sản xuất HTML" tại một công ty web sau khi ra trường.

Sau đó, tôi học hỏi từ công việc và thông qua cộng đồng nhà phát triển và thiết kế để chia sẻ kiến thức và tài nguyên. Tôi học mỹ thuật ở trường. Việc này đã giúp tôi tự tin hơn về giọng nói sáng tạo của mình và khuyến khích tôi phê bình. Tuy nhiên, đây không phải là chương trình đào tạo thiết kế chính thức. Nhờ việc thực hành và học hỏi từ đồng nghiệp cũng như những người trong ngành, tôi đã tiến bộ theo thời gian.

Rachel: Bạn bắt đầu tạo một hình minh hoạ CSS div duy nhất như thế nào?

Lynn: Tại CSSConf 2013, tôi đã thấy Lea Verou trình bày bài thuyết trình về humble Border- bán kính và đó là một khoảnh khắc mở mắt khác. Các tài sản CSS mà tôi đã sử dụng chứa cả thế giới tiềm năng về nghệ thuật. Tôi rất háo hức muốn khám phá và thử nghiệm. Tôi về nhà và tạo WhyAZ và vẽ tất cả hình minh hoạ bằng CSS. Hiện tại, mỗi hình minh hoạ được tạo thành từ hai phần tử HTML (theo sau nhiều thẻ đánh dấu hệ thống biểu tượng nổi xung quanh). Vì vậy, đoạn mã sẽ có dạng như sau:

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

Sau đó, tôi muốn xem mình có thể tạo minh hoạ chỉ bằng một phần tử HTML phức tạp đến mức nào. Hoá ra đó là một thử thách thực sự thú vị và cực kỳ hạn chế mà tôi có thể thực hiện chỉ sau vài giờ. Vì vậy, tôi đã mua một miền và bắt đầu thêm chúng vào một trang web và đến nay đã được gần 8 năm! Thật thú vị khi thử nghiệm và mở rộng phương tiện, đồng thời trau dồi kỹ năng minh hoạ.

Rachel: Cậu có quá nhiều dự án hấp dẫn! Có phải bạn luôn có ý tưởng muốn xây dựng không?

Lynn: Cảm ơn bạn! Tôi lưu giữ một hồ sơ tồn đọng những ý tưởng thô sơ có thể tạo nên những dự án thú vị: những thứ tôi quan tâm, những mẫu hình tôi bắt đầu nhận thấy, các chương trình và phim mà tôi đang đam mê. Đôi khi phải mất nhiều thời gian để một ý tưởng biến thành một dự án rõ ràng. Tôi có "phim giả trong phim thật" trong danh sách yêu cầu tồn đọng trong vài năm trước khi dịch vụ xem trực tuyến giả Nestflix phát triển thành một dự án có thể thực thi. Tôi không có lịch trình rõ ràng, nhưng tôi thường có ý tưởng rằng mình đã sẵn sàng sau khi tìm kiếm công việc mới để phát triển.

Rachel: Những nội dung cập nhật hằng năm đã trở thành một sự kiện. Bạn có áp lực khi phải làm những việc này ngay bây giờ không, hay bạn vẫn thấy thú vị?

Lưu trữ danh mục đầu tư trên lynnandtonic.com.
Bạn có thể xem bản lưu trữ tất cả các thiết kế

Lynn: Trò chơi vẫn thực sự thú vị và là một dự án mà tôi mong chờ. Đó là dự án mà tôi biết mình có thể thực hiện theo cách khác biệt như mong muốn. Đây luôn là cơ hội tốt để thử nghiệm, thử những điều mới mẻ và học hỏi bất cứ kỹ thuật mới nào thu hút được sự chú ý trong năm đó. Vì công nghệ này được thay thế mỗi năm, nên tính năng này thực sự giúp tôi củng cố khả năng thích ứng với sự thay đổi. Nó buộc tôi phải tiếp tục, ngay cả khi tôi cảm thấy có niềm yêu thích đặc biệt với một phiên bản bất kỳ.

Nhưng tôi thấy áp lực! Rất dễ cảm thấy mỗi phiên bản cần phải sáng tạo hơn, đổi mới hơn so với các phiên bản trước. Việc này có thể sẽ gây căng thẳng cho bạn! Điều đó thúc đẩy tôi trở nên tham vọng và tôi rất trân trọng điều đó. Mặc dù có thời gian và công sức, nhưng tôi vẫn muốn thử và tiếp tục nâng cao tiêu chuẩn.

Rachel: Gần đây, bạn mới bắt đầu làm việc tại Netlify. Quá trình chuyển đổi từ công việc phụ trách khách hàng sang làm việc về một sản phẩm thế nào?

Lynn: Tôi đang làm việc trong nhóm thiết kế tiếp thị tại Netlify. Vì vậy, theo rất nhiều cách, công việc này thực sự giống với công việc của đại lý mà chúng tôi sẽ làm cho các nhóm sản phẩm. Sự khác biệt lớn nhất là có thể thấy được nhiều hơn một bức tranh toàn cảnh. Đôi khi, khi bạn được thuê làm một công ty bên ngoài để thực hiện một dự án, chế độ xem của bạn có thể bị giới hạn ở các mục tiêu và tiến trình cụ thể đó. Tuy nhiên, đó không phải là điều xấu. Sự tập trung cực kỳ có giá trị! Việc làm trong công ty về sản phẩm sẽ mang đến cho bạn rất nhiều thông tin và bạn sẽ thấy được cách các bộ phận trong doanh nghiệp phối hợp với nhau, mức độ ưu tiên cho các mục tiêu cạnh tranh và cách từng dự án đóng góp (hoặc không đóng góp) hiệu quả (hoặc không đóng góp) vào mục tiêu tăng trưởng và doanh thu dài hạn.

Tôi đoán có lẽ trải nghiệm của tôi giống như đi từ một công ty quảng cáo bên ngoài thành một nhóm nội bộ. Tôi rất thích sự đa dạng mà công việc của khách hàng mang lại, nhưng thật vui khi tìm hiểu sâu hơn về Netlify với vai trò là một nền tảng và hệ sinh thái Jamstack.

Rachel: Bạn muốn thấy tính năng hoặc chức năng nào được thêm vào CSS?

Lynn: Có rất nhiều thứ tôi luôn mong muốn được tích cực thực hiện và điều đó thực sự thú vị. Truy vấn vùng chứa và lớp giả :has() nằm ở đầu danh sách.

Dòng thời gian nội suy có vẻ như rất hữu ích. Gần đây, Scott Kellum đã nói với tôi về cách họ có thể giúp giải quyết một số vấn đề mà tôi gặp phải với thử nghiệm thích ứng. Điều này thật tuyệt.

Tôi thường tìm JS để cung cấp cho tôi chiều cao của một phần tử khi giá trị đó không được đặt rõ ràng. Vì vậy, sẽ rất hữu ích nếu CSS có thể tự thực hiện việc đó. Tôi chắc rằng điều đó khá phức tạp!

Rachel: Hiện có ai khác đang làm công việc thực sự thú vị, vui nhộn hoặc sáng tạo trên web không?

Lynn: Có rất nhiều người đang làm công việc thú vị! Một số tính năng mà tôi yêu thích gần đây:

  • neal.fun của Neal Agarval là một kho tàng các dự án web thú vị.
  • Tôi rất thích tác phẩm SVG thú vị và sáng tạo của Cassie7.
  • Jhey Tompkins thực hiện các bản minh hoạ CSS thực sự thú vị.
  • Tôi rất thích dự án Style Stage (CSS Zen Garden thế hệ mới) của Stephanie Eckles.
  • Hình minh hoạ CSS đáng kinh ngạc của Ben5Diana Smith.
  • Charlie Gerard đang tạo các bản minh hoạ cực kỳ ngầu và không cần dùng tay và điều khiển bằng chuyển động.
  • George Francis đang tạo ra những tác phẩm nghệ thuật tạo sinh tuyệt đẹp.

Bạn có thể tìm hiểu sản phẩm tiếp theo mà Lynn tạo ra qua trang web danh mục đầu tư của cô tại lynnandtonic.com hoặc bằng cách theo dõi cô trên Twitter.