Lynn Fisher est une artiste américaine connue pour ses nombreux projets créatifs et l'actualisation annuelle de son portefeuille.
Cet article a été publié dans Designcember. Un hommage à la conception Web comme web.dev pour vous.
Lynn Fisher est une artiste américaine connue pour son travail sur le Web. Après avoir étudié à l'école d'art de l'Arizona, elle a commencé à travailler comme conceptrice et développeuse CSS dans le domaine du conseil en logiciels. Elle a consacré sa carrière à mener des activités pluridisciplinaires, à expérimenter le Web en tant que support créatif et à créer des projets Web amusants de niche. Elle travaille actuellement avec les créatifs de Netlify. Je lui ai parlé de ses nombreux projets amusants.
Rachel Quel a été votre parcours dans la conception et le développement Web ?
Lynn:Au lycée, une amie m'a fait découvrir GeoCities. Je me souviens avoir réalisé que je pouvais créer des sites Web lorsque j'ai eu l'impression d'avoir les yeux ouverts. Mon premier site était dédié à un groupe local de Phoenix qui me passionnait. Au cours des années suivantes, j'ai appris le langage HTML et CSS via le pipeline LiveJournal pour MySpace, et j'ai créé de nombreux sites pour des groupes et des artistes locaux. J'en ai appris juste assez pour décrocher mon premier emploi en tant qu'assistant de production HTML dans une agence Web après l'université.
Ensuite, j'ai appris sur le tas et grâce à la communauté de développeurs et de conception, le partage de connaissances et de ressources. J'ai étudié les beaux-arts à l'école, ce qui m'a aidé à développer ma confiance en ma voix créative et m'a introduit à la critique, mais ce n'était pas une formation formelle en conception. J'ai pu m'améliorer au fil du temps grâce à la pratique et à l'apprentissage de mes collègues et des membres du secteur.
Rachel:Comment avez-vous commencé à créer des illustrations CSS à div unique ?
Lynn:À la CSSConf 2013, j'ai vu Lea Verou faire son discours sur Humble Border-radius et ça a été un autre moment qui m'a ouvert les yeux. Les propriétés CSS que j'utilisais déjà constituaient un véritable potentiel artistique, et j'étais tellement enthousiaste à l'idée d'explorer et d'expérimenter. Je suis rentré chez moi, j'ai créé WhyAZ et j'ai dessiné toutes les illustrations en CSS. À l'époque, chaque illustration était composée de deux éléments HTML (qui suivaient un grand nombre de balisages système d'icônes flottant). Voici à quoi cela ressemble:
<div class="icon">
<span class="clock"></span>
</div>
J'ai ensuite voulu savoir à quel point je pouvais créer des illustrations avec un seul élément HTML. Ça s'est avéré être un défi vraiment amusant et très contraignant que je pourrais relever en quelques heures ici ou là. J'ai donc acheté un domaine et commencé à l'ajouter à un site. Cela fait presque huit ans ! C'est toujours amusant d'essayer d'améliorer mes compétences en illustration.
Rachel:Vous avez tellement de projets intéressants ! Vous avez toujours quelque chose en tête que vous aimeriez construire ?
Lynn:Merci ! Je garde en mémoire des idées qui pourraient donner naissance à des projets amusants: les choses qui m'intéressent, les tendances que je remarque, les séries et les films qui m'obstruent. Il faut parfois beaucoup de temps pour qu’une idée se transforme en un projet clair. J'avais en attente des "fake films dans de vrais films" pendant plusieurs années avant que le service de streaming de contrefaçon Nestflix ne devienne un projet exécutable. Je ne respecte pas de calendrier, mais j'ai généralement une idée qui me semble prête dès que je recherche quelque chose de nouveau sur lequel travailler.
Rachel:Vos actualisations annuelles sont devenues un événement. Ressentez-vous une pression pour les faire maintenant, ou est-ce toujours très amusant ?
Lynn:C'est vraiment un projet que j'ai hâte de voir. C'est le seul projet que je sais que je peux réaliser aussi étrange que je le veux. C'est toujours l'occasion d'expérimenter, d'essayer quelque chose de nouveau et de découvrir les nouvelles techniques qui ont gagné le terrain cette année-là. Et parce qu'il est remplacé chaque année, cela m'a vraiment aidé à renforcer ma capacité à faire face au changement. Cela m'oblige à passer à autre chose, même si j'ai une affinité particulière pour une version.
Mais je ressens de la pression ! On a facilement l'impression que chaque version doit être plus créative et innovante que les précédentes. Cela peut être stressant ! Cela me pousse à être ambitieux et j’apprécie cela. Même si j'ai le temps et l'énergie nécessaires, je reste à votre disposition pour tenter de placer la barre encore plus haut.
Rachel:Vous avez récemment commencé à travailler chez Netlify. Comment s'est passée le passage du travail des clients à la conception d'un produit ?
Lynn:Je fais partie de l'équipe de conception marketing de Netlify. À bien des égards, notre travail ressemble beaucoup à celui que nous réalisions pour les équipes produit. La plus grande différence, c'est de pouvoir avoir une vue d'ensemble bien plus vaste. Parfois, lorsque vous êtes engagé en tant qu’agence externe pour travailler sur un projet, votre point de vue peut être limité à ces objectifs et délais spécifiques. Mais ce n'est pas une mauvaise chose. La concentration est très utile ! Être au sein de l'entreprise produit ouvre tellement d'informations que vous pouvez voir comment les différentes parties de l'entreprise interagissent, comment les objectifs concurrents sont hiérarchisés et comment les projets individuels contribuent (ou non) efficacement aux objectifs de revenus et de croissance à long terme.
Je suppose que mon expérience a été plus semblable à celle de passer d'une agence extérieure à une équipe interne. J'aime beaucoup la diversité des offres de travail des clients, mais j'ai adoré explorer en profondeur la plate-forme Netlify et l'écosystème Jamstack.
Rachel:Quelle fonctionnalité aimeriez-vous voir ajoutée au CSS ?
Lynn:J'ai toujours voulu travailler activement, ce qui est très pratique. Les requêtes de conteneur et la pseudo-classe :has() figurent en haut de la liste.
Les chronologies d'interpolation semblent très utiles. Scott Kellum m'a récemment expliqué comment il pourrait m'aider à résoudre certains problèmes que j'ai rencontrés avec mes tests responsifs. C'est super cool.
J'utilise souvent JavaScript pour connaître la hauteur d'un élément lorsqu'il n'est pas explicitement défini. Il pourrait donc être intéressant que le CSS puisse le faire lui-même. Je suis sûre que c'est compliqué !
Rachel:Qui d'autre fait un travail vraiment intéressant, amusant ou créatif sur le Web en ce moment ?
Lynn:Beaucoup de gens s'amusent ! En ce moment, j'ai adoré:
- Le site neal.fun de Neal Agarwal regorge de projets Web amusants.
- J'adore le jeu SVG amusant et créatif de Cassie Evans.
- Jhey Tompkins propose des démonstrations CSS vraiment amusantes.
- J'adore le projet Style Stage (un jardin CSS de nouvelle génération) de Stephanie Eckles.
- Des illustrations CSS époustouflantes de Ben Evans et de Diana Smith.
- Charlie Gerard réalise des démos très cool en gardant les mains libres et avec le contrôle du mouvement.
- George Francis crée de superbes œuvres d'art génératives.
Vous pouvez découvrir ce que Lynn crée ensuite sur le site Web de son portfolio à l'adresse lynnandtonic.com ou en la suivant sur Twitter.