Lynn Fisher est une artiste américaine connue pour ses nombreux projets créatifs et l'actualisation annuelle de son portfolio.
Cet article fait partie de Designcember. Une célébration de la conception Web, proposée par web.dev.
Lynn Fisher est une artiste américaine connue pour son travail sur le Web. Après avoir suivi une école d'art en Arizona, elle a commencé à travailler en tant que conceptrice et développeur CSS dans le conseil en logiciels. Elle a consacré toute sa carrière à s'intéresser à d'autres disciplines, à expérimenter le Web comme support créatif, et à concevoir des projets Web de niche et amusants. 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 le domaine de la conception et du développement Web ?
Lynn:Au lycée, une amie m'a fait découvrir GeoCities. Je me souviens d'avoir vu "j'ai enfin les yeux ouverts" moment où j'ai réalisé que je pouvais créer des sites Web. Mon premier site était un fan d'un groupe local de Phoenix qui m'obsédait. Au cours des années suivantes, j'ai appris le langage HTML et CSS via LiveJournal à 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 au partage de connaissances et de ressources de la communauté de conception et de développement. 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 amené à faire des critiques, mais ce n'était pas une formation formelle à la conception. J'ai pu m'améliorer au fil du temps grâce à la pratique et à l'apprentissage de mes collègues et de personnes du secteur.
Rachel:Comment avez-vous commencé à créer des illustrations CSS avec un élément unique div ?
Lynn: Lors de la CSSConf 2013, j'ai vu Lea Verou parler sur Humble Border Border et ça a été une révélation. Les propriétés CSS que j'utilisais déjà représentaient un immense potentiel artistique et j'étais tellement enthousiaste à l'idée de l'explorer et de l'expérimenter. Je suis rentré chez moi et j'ai créé WhyAZ et j'ai dessiné toutes les illustrations avec CSS. À l'époque, chaque illustration était composée de deux éléments HTML (qui suivaient de nombreuses balises de système d'icônes flottant autour). Cela ressemblait donc à quelque chose comme ceci:
<div class="icon">
<span class="clock"></span>
</div>
J'ai ensuite voulu voir à quel point je pouvais créer des illustrations complexes avec un seul élément HTML. Il s'est avéré que c'était un défi vraiment amusant, avec des contraintes limitées. Je pourrais le faire en quelques heures ici ou là-bas. J'ai donc acheté un domaine et commencé à l'ajouter à un site. Cela fait maintenant près de huit ans ! C'est toujours amusant d'essayer d'étirer le support tout en améliorant mes compétences en illustration.
Rachel:Tu as beaucoup de projets sympas ! Avez-vous toujours quelque chose en tête que vous aimeriez créer ?
Lynn:Merci ! Je garde une liste d'idées étranges qui peuvent me faire des projets amusants: des choses qui m'intéressent, des tendances que je commence à remarquer, des séries et des films qui me passionnent. Il faut parfois beaucoup de temps pour qu'une idée se transforme en projet clair. J'avais des "faux films dans de vrais films" depuis quelques années, avant que le faux service de streaming Nestflix ne devienne un projet exécutable. Je n'ai pas de planning, mais j'ai généralement une idée qui me semble prête lorsque je cherche quelque chose de nouveau à travailler.
Rachel:vos actualisations annuelles sont devenues un événement. Ressentez-vous la pression de le faire maintenant ou est-ce toujours très amusant ?
<ph type="x-smartling-placeholder">
Lynn: C'est toujours amusant et un projet qui m'attend. C'est le seul projet que je sais faire aussi bizarre que je le veux. C'est toujours une bonne occasion d'expérimenter, d'essayer quelque chose de nouveau et d'apprendre quelles nouvelles techniques ont gagné en popularité cette année-là. Et comme elles sont remplacées chaque année, cela m'a vraiment aidé à mieux m'adapter au changement. Cela me force à continuer, même si je ressens une affinité particulière pour n'importe quelle version.
Mais je ressens de la pression ! Il est évident que chaque version doit être plus créative et innovante que les précédentes. Cela peut être stressant ! Mais cela me pousse à être ambitieux, et je vous en suis reconnaissant. Même si j'ai le temps et l'énergie, je suis heureuse d'essayer de toujours placer la barre plus haut.
Rachel:Vous avez récemment commencé à travailler chez Netlify. Comment s'est passé le passage du travail côté client au travail sur un produit ?
Lynn: Je fais partie de l'équipe de conception marketing chez Netlify. À bien des égards, le travail est donc très semblable à celui que nous effectuons en agence pour les équipes produit. La principale différence est de pouvoir avoir une vue d'ensemble bien plus vaste. Parfois, lorsque vous êtes embauché en tant qu’agence externe pour travailler sur un projet, votre vue peut être limitée à ces objectifs et délais spécifiques. Ce n'est pas une mauvaise chose, cependant. La concentration est primordiale ! Être au sein de l'entreprise produit ouvre tellement d'informations et vous pouvez voir comment les différentes parties de l'entreprise fonctionnent ensemble, comment les objectifs concurrents sont hiérarchisés et comment les projets individuels contribuent (ou non) efficacement aux objectifs de chiffre d'affaires et de croissance à long terme.
Je suppose que mon expérience a plutôt été de passer d’une agence externe à une équipe interne. J'adore les possibilités de travail offertes par les clients, mais cela a été amusant d'approfondir la compréhension de Netlify en tant que plate-forme et de l'écosystème Jamstack.
Rachel:Quelle fonctionnalité aimeriez-vous voir ajoutée au CSS ?
Lynn: J'ai toujours voulu travailler activement, ce qui est vraiment génial. Les requêtes de conteneur et la pseudo-classe :has() figurent en haut de la liste.
Les chronologies d'interpolation semblent être très utiles. Scott Kellum m'a récemment expliqué en quoi ils pourraient m'aider à résoudre certains problèmes que je rencontrais avec mes tests responsifs. C'est super.
J'utilise souvent JS pour me donner la hauteur d'un élément lorsqu'il n'est pas explicitement défini. Il peut donc être intéressant que le CSS puisse le faire seul. Je crois que c'est compliqué, non !
Rachel:Qui d'autre réalise actuellement du contenu vraiment intéressant, amusant ou créatif sur le Web ?
Lynn: Il y a tellement de gens s'amusant ! En voici quelques-unes que j'adore ces derniers temps:
- Le fichier neal.fun de Neal Agarwal est une mine de projets Web passionnants.
- J'adore le contenu SVG amusant et créatif de Cassie Evans.
- Jhey Tompkins réalise des démonstrations CSS vraiment amusantes.
- J'adore le projet Style Stage (un jardin CSS Zen Garden nouvelle génération) de Stephanie Eckles.
- Affiches CSS époustouflantes de Ben Evans et Diana Smith.
- Charlie Gerard réalise des démonstrations super cool avec les commandes de mouvement et les mains libres.
- George Francis réalise de magnifiques œuvres d'art génératives.
Vous pouvez découvrir ce que Lynn crée ensuite sur le site Web de son portfolio sur lynnandtonic.com ou en la suivant sur Twitter.