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>
その後、HTML 要素を 1 つだけ使用してイラストをどれだけ複雑にできるか考えたのです。場所を問わずに数時間のうちに行える、とても楽しいチャレンジでした。そこでドメインを購入し、サイトに追加してから 8 年近くになります。ミディアム ストレッチを試してみて、同時にイラストのスキルを磨くのは本当に楽しいです。
Rachel: すばらしいプロジェクトがたくさんありますね。作りたいものがいつも頭にありますか？
Lynn: ありがとうございます。私は、プロジェクトを楽しいものにするための大雑把なアイデアのバックログを残しています。たとえば、興味のあること、気づき始めたパターン、夢中になっている番組や映画などです。アイデアが明確なプロジェクトになるまでに長い時間がかかることもあります。Nestflix のフェイク ストリーミング サービスが実行可能なプロジェクトに発展するまで、数年前は「本物の映画を上映するフェイク映画」がバックログにありました。スケジュールは立てていないけれど、いつも、何か新しいことを探すときに準備ができているように感じます。
Rachel: 年 1 回の更新はイベントのようなものになりました。今すぐやらなければならないというプレッシャーを感じていませんか、それともやはり楽しいですか？
Lynn: 今でもとても楽しく、楽しみにしているプロジェクトです。好きなだけおかしなものを作れるとわかってるよ。いろいろと試してみて、新しいことに挑戦し、その年に注目を集めた新しい手法を学んでいく良い機会です。毎年入れ替えられるので、変化に対処する能力を強化するのに本当に役立っています。あるバージョンに特定の親近感を感じても、前に進む必要があります。
でもプレッシャーは感じるよ！各バージョンに、これまでのバージョンよりもさらにクリエイティブで革新的である必要があると思われがちです。ストレスになります！野心的な気持ちになりますが、私にとってはありがたいことです。時間とエネルギーがあるので、レベルを上げ続けたいと思っています。
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 さんは、ハンズフリーで操作できる優れたデモを作成しています。
- ジョージ フランシスは、美しい生成アートワークを作成しています。
Lynn が次に制作する作品は、ポートフォリオのウェブサイト lynnandtonic.com または Twitter でフォローできます。