Lynn Fisher はアメリカのアーティストで、数々のクリエイティブなプロジェクトや毎年の更新で知られています。
この投稿は Designcember の一部です。web.dev がお届けするウェブデザインの祭典。
Lynn Fisher は、ウェブでの作品で知られるアメリカのアーティストです。アリゾナの美術学校に通った後、デザイナーと CSS デベロッパーとしてソフトウェア コンサルティングの仕事を始めました。キャリアを横断する取り組み、クリエイティブなメディアとしてウェブの試み、楽しいニッチなウェブ プロジェクトの制作に取り組んできました。現在は Netlify のクリエイティブ チームと協力しています。彼女にたくさんの楽しいプロジェクトについてお話ししました。
Rachel: ウェブデザインと開発に至るまでの道のりはどうでしたか？
Lynn: 高校時代に友人に GeoCities を紹介されました。「やっと目が開いた」気分がウェブサイトを作成できることに気づきました最初のサイトは、私が夢中になっているフェニックスの地元バンドのファンサイトでした。その後数年間で、LiveJournal から MySpace へのパイプラインを通じて HTML と CSS を学び、地元のバンドやアーティストのサイトを数多く作成しました。「HTML 制作アシスタント」の最初の仕事を得るのに十分な量を学びました。大学進学後にウェブ代理店で働くことになりました。
その後、仕事の中で、そして知識とリソースを共有する設計および開発コミュニティを通じて学びました。学校で美術を勉強したおかげで、クリエイティブな声に自信を持てるようになり、批評家を紹介されましたが、それは正式なデザインのトレーニングではありませんでした。同僚や同業他社からの実践と学びによって、時間の経過とともに向上することができました。
Rachel: 単一の div CSS アートワークの作成はどのように開始しましたか？
Lynn: CSSConf 2013 で、Lea Verou が Humble Border-radius について話すのを見ました。また、目を見張るものがあります。以前から利用していた CSS プロパティには、芸術的な可能性が秘められているため、いろいろと試してみたいと思いました。家に帰って WhyAZ を作成し、すべてのイラストを CSS で描きました。当時、イラストはそれぞれ 2 つの HTML 要素で構成されていました（その後に浮かび上がっていた多くのアイコン システム マークアップの後に続きます）。次のようになります。
<div class="icon">
<span class="clock"></span>
</div>
それから、1 つの HTML 要素だけでイラストをどれほど複雑にできるかを知りたいと思いました。実に楽しい、非常に制約のあるチャレンジで、ここかあちらで数時間すればできることがわかりました。そこで、ドメインを購入してサイトに追加し始めたところ、もう 8 年近く経ちました。メディアを発展させながら、イラストのスキルを磨くのも、実に楽しいものです。
Rachel: 素晴らしいプロジェクトがたくさんありますね。何かを作りたいという思いは、いつもありますか？
Lynn: ありがとうございます。好きなこと、気が付くパターン、夢中になっている番組や映画など、楽しいプロジェクトになりそうな大まかなアイデアがたくさん残っています。アイデアが明確なプロジェクトになるには、時間がかかることもあります。「本物の映画に登場するフェイク映画」があったからNestflix 架空のストリーミング サービスが実行可能なプロジェクトに発展する前数年前からバックログに残っていました。スケジュールは守っていませんが、新しい仕事を探すとき、アイデアが浮かんでくるのが一般的です。
Rachel: 毎年の更新が予定になっています。プレッシャーを感じていますか？それともまだ楽しいですか？
<ph type="x-smartling-placeholder">
Lynn: 今もとても楽しく、楽しみにしています。好きなだけおかしなアイデアを生み出せると私は知っているプロジェクトです。常に試行錯誤し、新しい手法を試し、その年に注目を集めた新しい手法を学びます。そして、毎年買い替えているので、変化に対応する能力を強化するのに本当に役立っています。どれか 1 つのバージョンに特別な親和性を感じても、前に進む必要が出てきます。
でもプレッシャーを感じます！前のバージョンよりもクリエイティブで革新的であるように感じるのは珍しいことではありません。ストレスを感じるかもしれません。でも、やる気を引き出してくれるし、それも助かります。時間とエネルギーがある間は、レベルを上げていきたいと考えています。
Rachel: 最近 Netlify に入社したばかりですが、クライアント業務からプロダクト開発にどのようにシフトしましたか？
Lynn: 私は Netlify のマーケティング デザインチームで働いていますので、さまざまな点で、プロダクト チームの代理店業務と非常によく似ています。最大の違いは、より広い範囲で全体像を把握できることです。プロジェクトを担当する外部代理店として雇われた場合、自分の視点が目標やスケジュールに限定されることがあります。ただし、それは悪いことではありません。集中力は非常に重要です。製品企業内では多くの情報が得られます。また、ビジネスのさまざまな部門がどのように連携し、互いに競合する目標がどのように優先されているか、個々のプロジェクトが長期的な収益目標と成長目標にどのように貢献しているか（または貢献していないか）について知ることができます。
たぶん、これまでの経験は、外部の代理店から社内チームに移行するようなものだったのでしょう。クライアントからの多様な仕事は素晴らしいものですが、プラットフォームとしての Netlify と、Jamstack のエコシステムについて深く理解することは楽しい体験でした。
Rachel: CSS に追加してほしい機能は何ですか？
Lynn: ずっと欲しかったことの多くに、積極的に取り組むことが本当に素晴らしいと思っています。コンテナクエリと :has() 疑似クラスがリストの先頭に表示されます。
補間タイムラインは非常に便利です。最近、Scott Kellum に、レスポンシブ テストで直面した問題にどのように役立つかを説明してもらいました。とても素晴らしいことです。
要素の高さが明示的に設定されていない場合は、JS で高さを取得したいと思うことがよくあります。そのため、CSS が独自に高さを設定できると便利です。でも、ちょっと複雑なんだよね！
Rachel: 他に誰が、今、ウェブで本当に面白くて面白いクリエイティブな仕事をしているのですか？
Lynn: たくさんの人が楽しい仕事をしています。最近好きなもの:
- Neal Agarwal の neal.fun は、楽しいウェブ プロジェクトで宝の山です。
- Cassie Evans の楽しくてクリエイティブな SVG 作品が大好きです。
- Jhey Tompkins さんは CSS のデモをとても楽しんでいます。
- Stephanie Eckles のプロジェクト Style Stage（次世代の CSS Zen Garden）が大好きです。
- Ben Evans と Diana Smith による、素晴らしい CSS アートワークです。
- Charlie Gerard が、ハンズフリーでモーション制御されるデモをとても見栄えが良くしています。
- George Francis は、美しい生成アートワークを作成しています。
Lynn が次に作成するものについては、Lynn のポートフォリオのウェブサイト lynnandtonic.com または Twitter で Lynn をフォローしてください。