Привет, котейры 🪇😸

Я уже несколько недель живу в режиме «вторая смена». Днем я дизайнер, вечером я сижу и хуячу фронтенд. Сейчас идет первый спринт, теорию и тренажер я прошла и делаю первый проект — одностраничный сайт.

И меня, если честно, подбешивает.

Потому что этот сайт я бы в фигме собрала минут за 15. С нормальным адаптивом. С аккуратной сеткой. С одинаковыми мать его отступами между повторяющимися элементами. А тут макет без автолейаута, расстояния, натыканные наугад и шрифт, у которого underline прилипает к буквам так, будто это не линия, а ебный пунктир 😑

И я вдруг очень ясно почувствовала, что такое опыт. Оказывается, не «я такая талантливая». Это просто годы боли, после которых «сложное» превратилось в «ща я вам на созвоне накидаю макет». Я настолько привыкла быть быстрой, что забыла, как это, дрочиться в базовые вещи и чувствовать себя тормозом.

Вот такой вот инсайт номер раз.

Вторая штука. Я туплю. Постоянно. Гуглю одно и то же по сто раз. Пишу свойства просто «на всякий случай» или «оно же вроде это делает?». Забываю, что значит половина пройденного HTML и CSS. Иногда смотрю на код и думаю: «боже, это вообще реально все запомнить?» 🤦🏻‍♀️

И знаете что? Я разрешаю себе быть тупой. Специально. Осознанно.

Ошибаться. Переписывать. Доставать ИИ с формулировкой «объясни как для восьмилетнего ребенка».

Я шла на курс, зная, что буду факапить. И меня удивляют люди, которые злятся и расстраиваются от первых неудач, расстраиваясь, что им плохо объяснили. Будто они собирались быть с ноги идеальными в навыке, который применяют первый раз в жизни. Рили? 😂

А теперь любимое.

Вчера в 11 вечера я делала оверлей. Оверлей (от англ. overlay — «наложение») — это графический или функциональный слой, отображаемый поверх основного контента (картинки, фона под модальными окнами и пр).

Обычный, мать его, оверлей — затемнить картинку. В фигме это буквально два клика: на блок и на плюсик, чтобы добавить слой. Ну максимум еще выбрать цвет и процент прозрачности. На фронте же это позиционирование, родитель, контекст, слои, z-index и «аааааааа».

И этот прекрасный гандонский блок вставал поверх всего сайта. Не нужного мне блока. Всего. Сайта!

Я все проверила на десятки раз. Код правильный. И разметка, и стили 🤡

А потом вспомнила, что ниже на странице есть еще три карточки, куда я своими же руками добавляла тот же класс оверлея, чтобы блин один раз настроить универсально и все заработало везде. И их оверлеи улетали наверх, потому что для карточек я еще не прописала нужные стили.

То есть проблема была не в том, что я тупая. А в том, что система больше, чем один кусок кода, в который ты смотришь прямо сейчас. И если ты не видишь ее целиком, она вынесет тебе мозг.

Я рассказываю это не только чтобы поныть (хотя это тоже терапевтично), а потому что быть новичком — это всегда смесь:

🔸«блин, как сложно»! 🔸«да что за хрень»? 🔸«ах вот оно как работает»… 🔸«о, прикольно»!

Это больно для моего эго. Но очень полезно для мозга.

И если честно, мне нравится это залипание. Когда ты сидишь и как детектив ищешь, где накосячила. Когда код наконец начинает работать, и ты такая: «ААА, Я ПОНЯЛА» 😈

Это совсем другой кайф, чем дизайн. Но он есть.

А теперь делитесь, вы сейчас в чем тупите? Или вы уже давно в зоне комфорта и «я и так все знаю»?)

Обнимаю, ваша Даша — тигрица в дизайне и дура ученица во фронтенде 😹