لين فيشر هي فنانة أمريكية تشتهر بالعديد من مشاريعها الإبداعية وتحديث محفظتك السنوية.
هذه المشاركة جزء من Designcember. احتفالاً بتصميم الويب من تقديم web.dev
لين فيشر هي فنانة أمريكية تشتهر بأعمالها على الويب. وبعد التحاقها بمدرسة الفنون في أريزونا، بدأت العمل كمصممة ومطورة خدمات CSS في استشارات البرمجيات. وقد قضت مسيرتها المهنية في متابعة مشاريع متعددة التخصصات، وتجربة الويب كوسيط إبداعي، وإنشاء مشاريع ويب ممتعة ومتخصصة. تعمل حاليًا مع الأشخاص المبدعين في Netlify. تحدثت إليها عن العديد من مشاريعها الممتعة.
راشيل كيف كان طريقك إلى تصميم وتطوير المواقع الإلكترونية؟
لين: في المدرسة الثانوية، عرفني أحد أصدقائي على مدينة GeoCities. أتذكر أن "عيني مفتوحة أخيرًا" أدركت أنه يمكنني إنشاء مواقع ويب. كان أول موقع لي هو معجب بمعجبي فرقة محلية في فينيكس كنت مهووسًا بها. على مدار السنوات القليلة التالية، تعلمت HTML وCSS من خلال مسار الإحالة الناجحة LiveJournal إلى MySpace وأنشأت العديد من المواقع للفرق الموسيقية والفنانين المحليين. تعلمت ما يكفي للحصول على وظيفتي الأولى "كمساعد إنتاج HTML" في وكالة ويب بعد الكلية.
وبعد ذلك، تعلّمت أثناء العمل ومن خلال منتدى المطوّرين والتصميم تبادل المعرفة والموارد. درستُ الفنون الجميلة في المدرسة، ما ساعدني على تطوير ثقتي في أسلوبي الإبداعي وعرِّفني على التعقيب، ولكنّه لم يكن تدريبًا رسميًا على التصميم. تمكنت من التحسن بمرور الوقت بالممارسة والتعلم من زملاء العمل والأشخاص في المجال.
راشيل: كيف بدأت بإنشاء أعمال فنية في CSS على مستوى فردي؟
لين: في مؤتمر CSSConf 2013، رأيت "ليا فيرو" وهي تتحدث عن Humble Border-radius، وكانت لحظة أخرى رائعة. كان هناك هذا العالم الكامل من الإمكانات الفنية في مواقع CSS التي كنت أستخدمها من قبل، وكنتُ متحمسة جدًا لاستكشافها وتجربتها. ذهبت إلى المنزل وأنشأتُ WhyAZ ورسمت جميع الصور التوضيحية باستخدام CSS. في ذلك الوقت، كانت كل صورة توضيحية مكونة من عنصري HTML (تبعًا الكثير من ترميز نظام الرموز الذي كان طافًا حوله). لذلك بدا شيئًا مثل:
<div class="icon">
<span class="clock"></span>
</div>
وأردت بعد ذلك أن أرى مدى التعقيد الذي يمكنني به إنشاء رسوم توضيحية باستخدام عنصر HTML واحد فقط. اتضح أنّه تحدٍّ ممتع ومحدود للغاية يمكنني تنفيذه في بضع ساعات هنا أو هناك. فاشتريتُ نطاقًا وبدأت بإضافته إلى الموقع الإلكتروني ومضى ما يقارب ثماني سنوات. من الممتع حقًا محاولة توسيع الوسيط والعمل على مهاراتي في الرسم التوضيحي في نفس الوقت.
راشيل: لديك العديد من المشاريع الرائعة. هل لديك دائمًا شيء في ذهنك ترغب في بناؤه؟
لين: شكرًا لك. احتفظ بسجل من الأفكار الأولية التي قد تؤدي إلى إنشاء مشاريع ممتعة: الأشياء التي أهتم بها، والأنماط التي أبدأ في ملاحظةها، والبرامج والأفلام التي أكون مغرمًا بها. في بعض الأحيان تستغرق الفكرة وقتًا طويلاً لتصبح الفكرة مشروعًا واضحًا. كانت لدي "أفلام مزيفة في أفلام حقيقية" في قائمة المهام لبضع سنوات قبل أن تتطور خدمة Nestflix المباشرة إلى مشروع قابل للتنفيذ. لا أحتفظ بجدول زمني، ولكن عادةً ما تكون لدي فكرة جاهزة عندما أبحث عن شيء جديد للعمل عليه.
راشيل: أصبحت عمليات إعادة التحميل السنوية بمثابة حدث مميّز. هل تشعر بالضغط للقيام بذلك الآن، أم لا يزال الأمر ممتعًا؟
لين: ما زال هذا العمل ممتعًا حقًا وأتطلع إلى تنفيذ مشروعي. إنه المشروع الوحيد الذي يمكنني أن أنشئه غريبًا كما أريد. دائمًا ما تكون فرصة جيدة للتجربة، وتجربة شيء جديد، وتعلم أي تقنيات جديدة تلقى زخمًا في ذلك العام. ولأنه يتم استبداله كل عام، فقد ساعدني حقًا في تعزيز قدرتي على التعامل مع التغيير. إنه يجبرني على المضي قدمًا، حتى لو كنت أشعر بتقارب معين مع أي إصدار ما.
إلا أنّني أشعر بالضغط. من السهل أن تشعر بأنه يجب أن يكون كل إصدار أكثر إبداعًا وابتكارًا من الإصدارات السابقة. قد يكون الأمر مرهقًا. إنه يدفعني إلى أن أكون طموحًا على الرغم من ذلك، وأنا أقدر ذلك. لا شك في أنّني أملك الوقت والطاقة، لكن لا شك في أنّني أحاول الاستمرار في رفع المستوى.
رايتشل: بعد أن بدأت مؤخرًا العمل في Netlify، كيف سار الانتقال من عمل العميل إلى العمل على أحد المنتجات؟
لين: أنا أعمل ضمن فريق تصميم التسويق في Netlify، لذا يتشابه هذا العمل في نواحٍ كثيرة مع عمل الوكالة الذي سننفّذه لفِرق المنتجات. يتمثل الاختلاف الأكبر في القدرة على رؤية قدر أكبر بكثير من الصورة الكبيرة. في بعض الأحيان عندما يتم تعيينك كوكالة خارجية للعمل في مشروع ما، يمكن أن تقتصر رؤيتك على تلك الأهداف والجداول الزمنية المحددة. غير أن هذا ليس بالأمر السيئ. التركيز على غاية الأهمية! يؤدي التواجد داخل شركة المنتج إلى فتح الكثير من المعلومات ويمكنك معرفة كيفية عمل أجزاء مختلفة من العمل معًا، وكيف يتم تحديد أولويات الأهداف المتنافسة، وكيف تساهم المشروعات الفردية بشكل فعال (أو لا تساهم) في أهداف الإيرادات والنمو على المدى الطويل.
أعتقد أن تجربتي كانت أشبه بالانتقال من وكالة خارجية إلى فريق داخلي. أحبُّ التنوع في عروض عمل العملاء، ولكنّني استمتعتُ بالبحث في التعمّق في فهم Netlify كمنصة ومنظومة Jamstack المتكاملة.
راشيل: ما هي الميزة أو الوظيفة التي يهمّك أن تتم إضافتها إلى خدمة مقارنة الأسعار؟
لين: هناك الكثير من الأمور التي كنت أرغب دائمًا في العمل عليها، وهذا أمر رائع حقًا. تظهر طلبات البحث الخاصة بالحاويات والفئة الزائفة :has() في أعلى القائمة.
الجداول الزمنية للاستكمال تبدو أنّه يمكن أن تكون مفيدة للغاية أخبرني سكوت كيلوم مؤخرًا عن كيفية مساعدته في حل بعض المشاكل التي كنت أواجهها في تجاربي المتجاوبة مع مختلف الأجهزة، وهذا موضوع رائع جدًا.
غالبًا ما أنصل إلى JavaScript لتعطيني ارتفاع عنصر ما عندما لا يتم تعيينه بشكل صريح، لذا قد يكون من الرائع أن تفعل CSS ذلك بمفردها. لكنني متأكد أن الأمر معقد!
راشيل: ما الجهات الأخرى التي تُنفذ في الوقت الحالي عملاً شيّقًا أو ممتعًا أو إبداعيًا على الويب؟
لين: يعمل عدد كبير من الأشخاص على إنجاز أعمال ممتعة. بعض ما يعجبني مؤخرًا:
- Neal Agarwal's neal.fun هو كنز كنز من مشاريع الويب الممتعة.
- أحب عمل رسومات SVG الممتعة والمبتكرة من تأليف كاسي إيفانز.
- يقدّم Jhey Tompkins عروضًا توضيحية ممتعة لـ CSS.
- أحب مشروع Style Stage (وهو الجيل التالي من CSS Zen Garden) الذي أنشأته Stephanie Eckles.
- عمل فني رائع لخدمة CSS من تأليف بن إيفانز وديانا سميث
- يقدم تشارلي جيرارد عروضًا توضيحية رائعة للغاية بدون استخدام اليدين ويتم التحكم في الحركة.
- ينشئ جورج فرانسيس أعمالاً فنية توليدية جميلة.
يمكنك معرفة المحتوى الذي ستنشئه لين بعد ذلك عبر موقع ملفها الإلكتروني على lynnandtonic.com، أو من خلال متابعتها على Twitter.