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à phong cách làm mới danh mục đầu tư hằng năm.

Bài đăng này là một phần của Designcember. Một sự kiện thiết kế web do web.dev mang đến cho bạn.

[Tên người]

Lynn Fisher là một nghệ sĩ người Mỹ nổi tiếng với các tác phẩm của mình trên web. Sau khi theo học trường nghệ thuật ở Arizona, cô bắt đầu làm 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 sự nghiệp của mình để theo đuổi những nỗ lực đa lĩnh vực, thử nghiệm với 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. Cô hiện làm việc với đội ngũ sáng tạo tại Netlify. Tôi đã nói với cô ấy về nhiều dự án thú vị của mình.

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

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

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

Rachel: Làm thế nào để bắt đầu tạo các tác phẩm nghệ thuật CSS đơn lẻ?

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

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

Sau đó, tôi muốn thấy mình có thể tạo hình minh hoạ phức tạp như thế nào chỉ với một phần tử HTML. Hoá ra là một thử thách thực sự thú vị và siêu ràng buộc mà tôi có thể làm chỉ trong 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 đã gần 8 năm! Sẽ thật thú vị nếu tôi thử kéo dài chất liệu trung gian và áp dụng đồng thời kỹ năng minh hoạ của mình.

Rachel: Bạn có rất nhiều dự án thú vị! Có phải bạn luôn có ý tưởng trong đầu mà mình muốn xây dựng không?

Lynn: Cảm ơn bạn! Tôi lưu giữ một danh sách các ý tưởng thô sơ có thể tạo nên những dự án thú vị: những điều tôi quan tâm, những mẫu hình tôi bắt đầu để ý, những chương trình và bộ phim mà tôi yêu thích. Đôi khi, phải mất một thời gian dài để một ý tưởng chuyển thành một dự án rõ ràng. Tôi thấy "phim giả trong phim thật" trong danh sách tồn đọng của tôi vài năm trước khi dịch vụ phát trực tuyến giả mạo 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 cụ thể, nhưng tôi thường có ý tưởng sẵn sàng khi tìm công việc mới để làm việc.

Rachel: Tần suất bạn làm mới hằng năm đã trở thành một sự kiện. Bạn có cảm thấy áp lực khi làm những việc này ngay bây giờ không, hay vẫn còn nhiều niềm vui?

Kho 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ả thiết kế

Lynn: Chương trình này vẫn thực sự thú vị và là một dự án tôi rất mong chờ. Đó là dự án tôi biết mình có thể làm kỳ lạ theo ý mình. Đó luôn là cơ hội tốt để thử nghiệm, thử điều gì đó mới mẻ và tìm hiểu bất cứ kỹ thuật mới nào đã thu hút được sự chú ý trong năm đó. Vì đượ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 hứng thú với một phiên bản bất kỳ.

Nhưng tôi cũng thấy áp lực! Thật dễ dàng để cảm thấy như mỗi phiên bản cần phải sáng tạo hơn, đổi mới hơn các phiên bản trước đó. Điều này có thể khiến bạn căng thẳng! Tuy nhiê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 rất sẵn lòng thử và tiếp tục nâng cao tiêu chuẩn.

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

Lynn: Vì vậy, tôi đang làm việc trong nhóm thiết kế tiếp thị tại Netlify, nên về nhiều khía cạnh, 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ể nhìn thấy nhiều hơn nhiều hơn về bức tranh lớn hơn. Đôi khi, khi bạn được thuê làm đại lý bên ngoài để làm việc trong một dự án, tầm nhìn của bạn có thể bị giới hạn đối với các mục tiêu và tiến trình cụ thể đó. Nhưng đó không phải là điều xấu. Tập trung là vô cùng giá trị! Khi tham gia vào công ty sản phẩm, bạn sẽ nhận được rất nhiều thông tin, qua đó biết được các bộ phận trong doanh nghiệp phối hợp với nhau như thế nào, các mục tiêu cạnh tranh được ưu tiên ra sao và từng dự án riêng lẻ đóng góp (hoặc không) hiệu quả như thế nào vào mục tiêu tăng trưởng và doanh thu dài hạn.

Tôi nghĩ có lẽ kinh nghiệm của tôi giống như việc chuyển từ một công ty quảng cáo bên ngoài sang một đội ngũ nội bộ. Tôi rất thích các công việc khách hàng mang lại, nhưng thật thú vị khi được tìm hiểu sâu hơn về Netlify với tư cách là một nền tảng và hệ sinh thái Jamstack.

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

Lynn: Có rất nhiều thứ tôi hằng mong muốn được làm, thực sự rất 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 đã trao đổ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 của mình và điều này cực kỳ thú vị.

Tôi thường với tới JS để cung cấp cho tôi chiều cao của một phần tử khi phần tử không được đặt rõ ràng, vì vậy, thật tuyệt nếu CSS có thể tự làm điều đó. Nhưng tôi chắc chắn rằng việc đó phức tạp lắm!

Rachel: Hiện tại có ai đang thực hiện công việc thực sự thú vị, thú vị hoặc sáng tạo trên web không?

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

  • Neal Agarwal neal.fun là một kho tàng các dự án web thú vị.
  • Tôi rất thích tác phẩm SVG (Đồ hoạ vectơ có thể mở rộng) đầy thú vị và sáng tạo của Cassie trung thành.
  • 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 Giai đoạn (một CSS Zen Garden thế hệ mới) của Stephanie Eckles.
  • Hình minh hoạ CSS ấn tượng của Ben EagleDiana Smith.
  • Charlie Gerard đang thực hiện những bản minh hoạ điều khiển bằng chuyển động và không cần dùng tay.
  • George Francis đang tạo ra các tác phẩm nghệ thuật tạo sinh tuyệt đẹp.

Bạn có thể tìm hiểu những nội dung tiếp theo mà Lynn tạo thông 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.