أبرز مشاركات المنتدى: لين فيشر

"لين فيشر" هي فنانة أمريكية تشتهر بمشاريعها الإبداعية العديدة وقائمة مشروعاتها السنوية التي تُقدَّم سنويًا.

هذه المشاركة جزء من Designcember. احتفال بتصميم الويب من إنشاء web.dev

لين فيشر

لين فيشر فنانة أمريكية معروفة بأعمالها على الويب. وبعد التحاقها بكلية الفنون في أريزونا، بدأت العمل كمصممة ومطوّرة CSS في مجال استشارات البرامج. قضَت "أليسون" مسيرتها المهنية في العمل في مجالات متعدّدة التخصّصات، وجرّبت استخدام الويب كوسيط إبداعي، وأنشأت مشاريع ويب ممتعة ومتخصّصة. وهي تعمل حاليًا مع المبدعين في Netlify. تحدثّت معها حول مشاريعها العديدة الممتعة.

راشيل ما هو طريقك نحو تصميم الويب وتطويره؟

لين: في المدرسة الثانوية، عرّفني صديق لي على GeoCities. أتذكر أنني شعرت بلحظة "انفتح عيني أخيرًا" أدركت أنني أستطيع إنشاء مواقع إلكترونية. كان موقعي الأول هو الجمهور الذي كان ينال اهتمام فرقة محلية في Phoenix، وكنت مهووسًا بها. وعلى مدار السنوات القليلة اللاحقة، تعلّمت لغة HTML وCSS عبر مسار LiveJournal to MySpace وأنشأت العديد من المواقع الإلكترونية للفرق والفنانين المحليين. تعلمت ما يكفي لأحصل على وظيفتي الأولى كمساعد إنتاج HTML في إحدى وكالات الويب بعد الكلية.

وبعد ذلك، تعلمت أثناء العمل ومن خلال مجتمع التصميم والتطوير ومشاركة المعرفة والموارد. درست الفنون الجميلة في المدرسة مما ساعدني على تطوير الثقة في صوتي الإبداعي وعرّفني على النقد، لكنه لم يكن تدريبًا رسميًا على التصميم. لقد تمكنتُ من التحسّن بمرور الوقت من خلال الممارسة والتعلم من زملاء العمل والأشخاص في هذا المجال.

راشيل: كيف بدأت بإنشاء عمل فني واحد لكل من div CSS؟

لين: في مؤتمر CSSConf في 2013، رأيت "ليا فيرو" وهي تقدّم محادثتها حول Humble Border-radius وكانت تلك لحظة مدهشة أخرى. كان هناك الكثير من الإمكانات الفنية في خصائص CSS التي كنت أستخدمها، وكنت متحمسًا جدًا لاستكشافها وتجربتها. ذهبت إلى المنزل وأنشأتُ WhyAZ ورسمت كل الرسوم التوضيحية باستخدام CSS. في ذلك الوقت، كان كل رسم توضيحي يتألف من عنصري HTML (الذي اتبع الكثير من ترميز نظام الرموز الذي كان يطفو حوله). بدا الأمر كما يلي:

<div class="icon">
  <span class="clock"></span>
</div>

أردت بعد ذلك معرفة مدى تعقيدني في تصميم رسومات توضيحية باستخدام عنصر HTML واحد فقط. اتضح لي أن هذا التحدي ممتع ومحدود للغاية يمكنني أن أفعله خلال بضع ساعات هنا أو هناك. لذلك اشتريت نطاقًا وبدأت في إضافته إلى موقع والآن مضى ثماني سنوات تقريبًا! من الممتع حقًا محاولة توسيع الوسيط والعمل على مهاراتي في الرسم التوضيحي في نفس الوقت.

راشيل: لديك الكثير من المشاريع الرائعة. هل يدور بذهنك دائمًا شيء ما وتود إنشاءه؟

لين: شكرًا لك. أحتفظ بقائمة متراكمة من الأفكار الأولية التي قد تؤدي إلى إنشاء مشروعات مرحة، مثل الأشياء التي أهتم بها والأنماط التي ألاحظها والبرامج التلفزيونية والأفلام التي تعجبني. أحيانًا يستغرق الأمر وقتًا طويلاً لتتحول الفكرة إلى مشروع واضح. كنت أضع "أفلامًا مزيّفة في أفلام حقيقية" ضمن قائمة المهام لبضع سنوات قبل أن يتم تطوير خدمة البث المزيّف من Nestflix إلى مشروع تنفيذي. لا أحتفظ بجدول زمني، لكن لديّ فكرة أشعر بأنّها جاهزة عندما أبحث عن عمل جديد.

راشيل: أصبحت تجديداتك السنوية حدثًا فعالاً. هل تشعر بضغوط لتنفيذ ذلك الآن، أم أنّ الأمر لا يزال ممتعًا للغاية؟

أرشيف المحفظة على lynnandtonic.com.
يمكنك الاطّلاع على أرشيف يضم جميع التصاميم
.

لين: لا يزال الفيديو ممتعًا للغاية ومشروع أتطلع إليه. إنّه المشروع الوحيد الذي يمكنني أن أصنعه كغرابة كما أريد. إنّها فرصة جيدة دائمًا لتجربة أساليب جديدة وتعلّم الأساليب الجديدة التي لاقت رواجًا في ذلك العام. ولأنه يتم استبداله كل عام، فقد ساعدني حقًا في تعزيز قدرتي على التعامل مع التغيير. يجبرني على المضي قدمًا حتى لو كان هناك تقارب خاص مع أي إصدار معيّن.

أشعر بالضغط على الرغم من ذلك! من السهل أن تشعر وكأن كل إصدار يحتاج إلى أن يكون أكثر إبداعًا وإبداعًا من الإصدارات السابقة. يمكن أن يكون مرهقًا! وهذا يدفعني إلى أن أكون طموحة وأقدّر ذلك. بينما لدي الوقت والطاقة، يسعدني أن أحاول الاستمرار في رفع المستوى.

راشيل: لقد بدأت مؤخرًا العمل في Netlify، كيف كان التحوّل من عمل العميل إلى العمل على أحد المنتجات؟

لين: أنا أعمل ضمن فريق تصميم التسويق في Netlify، لذا من نواحٍ كثيرة، يكون العمل مشابهًا حقًا لعمل الوكالة الذي ننفذه لفِرق المنتجات. يتمثل الاختلاف الأكبر في القدرة على رؤية المزيد من الصورة الكبيرة. في بعض الأحيان عندما يتم تعيينك كوكالة خارجية للعمل في مشروع ما، يمكن أن تقتصر رؤيتك على تلك الأهداف والجداول الزمنية المحددة. وهذا ليس بالأمر السيئ. التركيز مهم جدًا! يفتح وجودك داخل شركة المنتج الكثير من المعلومات ويمكنك معرفة كيفية عمل أجزاء مختلفة من الأعمال معًا، وكيفية تحديد أولويات الأهداف المتنافسة، وكيف تساهم المشروعات الفردية بشكل فعال (أو لا تساهم) في أهداف الإيرادات والنمو على المدى الطويل.

أعتقد أن تجربتي كانت أشبه بالانتقال من وكالة خارجية إلى فريق داخلي. أحبُّ التنويع الذي يقدّمه العملاء على نطاق واسع، إلا أنّني سررتُ بالبحث عن معلومات مفصّلة حول Netlify كمنصة ومنظومة Jamstack المتكاملة.

راشيل: ما هي الميزة أو الوظيفة التي يهمّك أن تتم إضافتها إلى CSS؟

لين: يتم العمل جاهدين على تنفيذ الكثير من المهام التي لطالما أردتُها، وهذا أمر رائع حقًا. في أعلى القائمة، طلبات البحث عن الحاوية وفئة :has() الزائفة.

تبدو الجداول الزمنية للاستكمال مفيدة للغاية. وقد تحدّث إليّ سكوت كيلوم مؤخرًا عن الطرق التي يمكن أن تساعدني في حل بعض المشاكل التي واجهتها من خلال تجاربي المتجاوبة مع مختلف الأجهزة، وهذا أمر رائع.

غالبًا ما أستخدم لغة JavaScript لإعطائي ارتفاع عنصر ما في الحالات التي لا يتمّ فيها ضبطها بشكل صريح، لذا قد يكون من الرائع أن يتمكن CSS من إجراء ذلك من تلقاء نفسه. أنا متأكد من أن الأمر معقد!

راشيل: من الذي يجري حاليًا أعمالًا شيّقة أو مسلّية أو إبداعية على الويب؟

لين: الكثير من الأشخاص يقومون بأعمال ممتعة. من بين الميزات التي أعجبتني مؤخرًا:

  • Neal Agarwal's neal.fun هو كنز من المشاريع الممتعة على الويب.
  • أحبُّ أعمال الرسومات الموجّهة التي يمكن تغيير حجمها (SVG) المرحة والمبتكرة من Cassie Evans.
  • يقدّم Jhey Tompkins عروضًا توضيحية ممتعة لـ CSS.
  • أحب مشروع Style Stage (وهو الجيل التالي من CSS Zen Garden) من تصميم ستيفاني إيكلز.
  • عمل فني CSS مذهل من بين إيفانز وديانا سميث.
  • يقدّم تشارلي جيرارد عروضًا توضيحية رائعة بدون لمس الجهاز ويتم التحكّم في الحركة.
  • ينشئ جورج فرانسيس أعمالاً فنية إبداعية رائعة.

يمكنك معرفة ما تنشئه لين بعد ذلك عبر موقع ملفها الشخصي على الويب على lynnandtonic.com أو من خلال متابعتها على Twitter.