From Fedya With 💚
750 subscribers
525 photos
70 videos
2 files
219 links
Привет! Я - Катя Федяева @kate_stoltz , frontend и веб-дизайнер. Тут я делюсь своей жизнью и немного работой.

А еще делаю сайты на тильде и webflow, люблю чистую верстку, веду стримы и учу оптимизировать сайты на тильде.
Download Telegram
Беговые результаты ноября 🏃‍♀️

Хочется сказать много-много всего, но давайте по пунктам.

[1] Я никогда не бегала зимой и оказалось, что это тяжелее не только биатлона { когда на плечах ружо и за спиной орущий тренер }, но и похода на лыжах. Ощущение, что к каждой ноге прикручен груз и под ногами какая-то нестабильная поверхность { мой личный антитоп посыпанная солью дорога, превращенная в кашу }

[2] Пришлось вспомнить фразу тренера "Тебя могут обгонять пешеходы, но главное не скорость" и откатиться назад. Фитнес-часы одолженные у друга в графике показывают среднюю скорость 7:21 мин/км вместо 6:25 летом. В горку так и вовсе перехожу на шаг, чтобы не прилечь прямо на дорогу 💀

[3] Не было плавного привыкания к температуре и первую часть ноября я стабильно мёрзла { потому что у нас или +5, или сразу -10 }. Только к концу ноября купила термобелье, анорак, бафф и продолжаю бегать в летних кроссовках (потому что хочу прикрыть долги к новому году и денях на зимние кроссы нет).


Особый бонус — аллергия на холод, от которой не страдает лицо благодаря крутым кремушкам, но зато страдают руки. Сегодня от пакета у меня лопнул палец, пропитав перчатку кровью. Можно уйти в зал, бегать по дорожке. Но мне чего-то хочется протестировать бег в -25 и купить коньки :D

Если вы бегаете или бегали зимой — делитесь впечатлениями. Что меня ждет вообще, кроме заледеневшего баффа в -20 🥹
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Уже давно не было стримов с версткой проектов {потому что в один из моментов я начала стесняться их проводить} 🥺

Но в последнее время я хожу зрительствовать на стримы к Маше (и вы тоже заходите, Маша там бесплатно рассказывает то, что многие вещают на курсах и консультациях) и решила преодолевать свой страх. Завтра я буду верстать сайт Aromenage и впервые запущу стрим с доступом не по ссылке.


Стрим будет завтра в 14:00 по МСК на ЮТУБ.
{🔗 запись стрима}

Все стримы можно найти по тегу #стрим 😐
Please open Telegram to view this post
VIEW IN TELEGRAM
Кто не успел на автобус с работы, тот опоздал на собственный стрим. Начну через пару минут 😏

https://youtube.com/live/RXvAt8lDpuw?feature=share
https://youtube.com/live/RXvAt8lDpuw?feature=share
Please open Telegram to view this post
VIEW IN TELEGRAM
Через 20 минут стихийно на стриме буду переписывать стандартные блоки: каталог ST315N, TM201.

Ко мне можно будет присоединиться, а можно будет посмотреть в записи. Это последний стрим с этим проектом ибо завтра сдача сайта.
{🔗 запись стрима}

#стрим
Мысли про стримы и не только {вместо поста о firefox 😑}

В своем глобальном саморазборе месяц назад я расписала вообще все, что хочу развивать. И несмотря на режим работы "блеать, скоро новый год! надо завершить все проекты" продвинулась по части направлений. К примеру, наш стажер Женя перенес стили на старые модификации и теперь мне осталось немного переделать сами решения. "Немного" звучит как-то предательски, ибо по итогу нужно не только подружить всё с autoscale, но и дополнить решения {пример скину в комментарий}.

Я написала 60% программы новой оптимизации заново с учетом обновлений тильды и обновлений в мире веба, почти дописала программу лекции по передаче макетов разработчикам и очень ругаю себя, что не успеваю до нового года. Этакий замер успешности — закончи все до нового года или умри 😡

А еще уже дважды вела стрим не по закрытой ссылке для тех, кто подписан на меня и знает почти все о моих внутренних тараканах. Я напомню, что боялась не просто делать фотографии — у меня начиналась истерика, если кто-то меня фотографировал. Мне очень страшно получить плохой комментарий, стыдно не уметь нормально говорить {я говорю на кошачьем большую часть дня} и не понятно, как что-то комментировать. Но поплакали от переживаний и пробуем 😭. Сделала первый шаг, записавшись к преподавателю по речи с которым занималась в прошлом году.


Если у вас есть какие-то пожелания для стримов, то их можно черкануть тут. [неприятно, что пишут только в случаях если надо люто поддержать, кого-то обосрать и выразить свой охуеть. давайте такими не будем, тут точно нужно мнение. иначе я просто буду час показывать котов]
Please open Telegram to view this post
VIEW IN TELEGRAM
Стоит ли в процессе работы с тильдой забить на Firefox и баги в нем?

Как разработчик я отвечаю за то, чтобы пользователь увидел именно тот результат, который отрисовала я или другой дизайнер. Непосредственно клиент не виноват, что есть какие-то проблемы в определенных браузерах. Если мы посмотрим статистику, то узнаем, что браузером Firefox пользуются от 2 до 11 процентов пользователей. Почему-то все у нас на работе, клиенты и друзья пользуются этим браузером и мне кажется, что статистика не очень верна для нашей страны. Мы можем взять среднее — 6% и хорошо подумать, а стоит ли ради 6% выносить себе мозг и тратить время, за которое дополнительно никто не заплатит.

Тут важно посмотреть статистику по другим браузерам и мы узнаем, что в 2021 году браузером Safari пользовались 11% пользователей. В 2022 это число снизилось до 7%, получается для Safari нам тоже не нужно ничего делать? Safari заменил по своей отсталости браузер Inernet Explorer {потому что они выкатывают обновления и ломают старое, вместо внедрения нового пытаются сделать своё и в итоге вообще ничто не работает}. Но по какой-то причине мы продолжаем подгонять сайт под него {с болью, страданиями и непониманием как яблоко могло так обделаться}.

В большинстве случаев я считаю момент, когда при написании сайта просто без попыток исправить ситуацию забивают на какой-то браузер — большим непрофессионализмом.

Но когда дело касается конструкторов — часто мы не можем повлиять на очень много вещей: на работу скриптов тильды, на рендер текстов и графических элементов. Тут можно подумать, что сейчас я скажу "ничего не делаем, это тильда виновата". И вы правда можете сказать так клиенту, если вообще не понимаете что делать.

Но я придерживаюсь алгоритма:
*️⃣написать отдельные стили для firefox
*️⃣если баг касается Safari, в котором я технически не могу ничего тестировать — делаю отдельную страницу без лагающего эффекта и настраиваю редирект (у ребят с курса Ани Мельник и моего менторства есть код для этого)

Важно уточнить, что описанные выше способы таки могут дать промашку, если клиент использует старые версии браузеров. В таком случае считаю нормальным попросить обновить браузер и рассказываю об уязвимостях старых браузеров.

Поделиться своим мнением на эту тему можно в комментариях 🙃
Please open Telegram to view this post
VIEW IN TELEGRAM
Сейчас будет пост о депрессии и чтобы никого не травмировать свернула рассказ в спойлер. Если вы сейчас лечите депрессию, испытываете тревожность или просто остро-реагируете на подобные темы — не раскрывайте спойлер.

Пару дней мой психолог сказала мне, что депрессия в самом разгаре вернулась. Я сидела и говорила "Нет, что ты! Я бегаю почти каждый день, радуюсь жизни и вообще хорошо себя чувствую". В ответ был вопрос: "Ты бегаешь потому что тебе искренне нравится или потому что после него ощущаешь себя морально лучше какое-то время?".

Не так давно я перестала принимать антидепрессанты и радовалась, что все хорошо. Но представим, что есть таракан {потому что живучий} и его постоянно мутузят полотенцем на кухне, он убегает на время и вернувшись снова получает полотенцем. Когда он убегает — пытается рассказать кому-то, как ему неприятно получать полотенцем, но вместо поддержки слышит лишь упреки. Ему могут помочь, но рано или поздно он вернется назад и будет получать полотенцем снова.

Этот таракашка я. И мне плохо постоянно, меня постоянно бьет все окружение этим полотенцем: коллеги на работе, осознание того что я умею всё понемногу, но не умею до конца, ожидание просто бесконечного поиска работы (вполне обоснованный, ибо даже наш старший разраб ищет работу уже 5 месяцев), страх уволиться (можно рискнуть и это добавит новые удары в огромном количестве), неспособность помочь мужу и наблюдение за тем как медленно портится его здоровье от стояния за верстаком весь день до 11 вечера. И еще куча проблем, которые есть в нашей жизни и не могут никуда съебать!

Не имею ни малейшего понятия как я могу в таком состоянии работать (у меня доделки по сайту и срочная сдача проекта на работе), а не лежать заваленная пачками чипсов на кровати. Но я пошла за свежим рецептом и работать.
Больше всего на тильде мне нравится до неузнаваемости переделывать стандартные блоки {что сохраняет удобство редактирования контента}.

Поэтому на этой неделе я буду переделывать любой подходящий стандартный блок в слайдер с сайта waysintopractice.no: с анимацией движения, возможностью перетаскивать слайдер и замедлением при наведении.

Встречаемся в субботу в 14:00 по МСК {специально для тех кто планирует работать в этот бренный день}


маленькое дополнение: запись стрима будет, но котики будут на страже авторского права и прикроют часть решения.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Начинаю стрим с переделкой стандартного блока 😒

Можно присоединиться или просто забежать поздороваться (это очень мотивирует меня и дальше продолжать проводить подобные стримы):

https://youtube.com/live/Bqp_1vvY_a8?feature=share
https://youtube.com/live/Bqp_1vvY_a8?feature=share
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
В прошлую субботу на стриме {почти 3 часа, которые я просто не заметила} я переделывала блок TE225 в что-то совсем необычное.

Закончить страницу до конца на стриме не вышло из-за неожиданных сюрпризов библиотеки Swiper.js (если кратко, то моя задумка в рамках данной библиотеки не реализуема). Но я решила доделать слайдер и в процессе сделались три разных эффекта с одним блоком, которые вы можете посмотреть на этой странице 🔗.

Было скучно просто доделывать начатое, поэтому я заодно протестировала эффект искажения для изображений {с большой вероятностью не будет работать на macbook}. На странице есть аккордеон с #10 выпуска уверстки и моя модификация смены темы, которая скоро вернется после переделки.


Будет важно отметить, что данная страница может лагать на слабых устройствах потому что я подключила разом все самое лучшее. На живых проектах такое лучше не вытворять.

скажите же что крутая :D ну кто еще будет такую херь с тильдой творить.

#стрим #переверстка
Совсем забыла о традиционном "До" и "После" 🥳

переделываю тильду, дорого ;D

#переверстка
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🥺 Сегодня я планировала записать видео с рассказом о бесячих вещах в разработке.

Которое вы не просили, но я хочу рассказать о том, что все не так радужно как вещают в рекламе различные курсы. За два месяца получилось собрать фидбек от 52 человек, большинство из которых я даже не знаю. Это будет не просто мнение девочки-разработчика.

Но пока я ехала с работы, ставила свет и мазала новые блесточки на моську резко поднялась температура до 39.3 и страшного озноба (меня морозит сейчас до стука в зубах). Снялась с крапием, выпила терафлю и пошла трястись от озноба блестяще.

Поэтому вместо стрима на этой неделе будет новый выпуск уверстки 😭
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🎄 Знаю, что многие уже ушли на новогодние каникулы. Но меня ждет работа даже в субботу и я просто не могу уйти на каникулы не рассказав о последнем кейсе в этом году.

Aroménage — это бренд косметики для дома из натуральных компонентов с очень крутыми ароматами. От себя отмечу потрясающую упаковку, которую точно захочется оставить когда средство кончится (я уже приспособила бутылку под воду для цветов).

Целью было создать стильный сайт отличающийся от стандартных сайтов с бытовой химией: стильный, минималистичный и эффектный. Помимо главной страницы мы сделали каталог, карточку продукта и страницу о компании. Сайт был сверстан на тильде и очень сильно кастомизирован {а я не умею иначе, простите ☺️}.

Посмотреть сайт тут


Что было сделано:
— эффект загрузки страницы с имитацией дозагрузки страниц
— вариативный эффект наведения для пунктов меню и немного стилей для анимации шапки
— стилизация стандартного мобильного меню
— стилизация футера и собственной модификации аккордеона
— кастомный слайдер на странице "Каталог" в Zero Block
— переделка стандартного блока магазина под сетку проекта
— переделка блока "карточка со ссылкой", превращение в слайдер и встраивание его в Zero Block (линейка ароматов)
— изменение стилей popup товара: сетки, перенос аккордеона, добавление кнопок, стили текста
— слайдер из блока "карточка со ссылкой" на странице "о компании"
— стилизация стандартного блока "блог": изменение сетки, добавление стрелки при наведении и временный ховер
— базовая оптимизация, чтобы сайт быстро грузился (попали в зеленую зону lighthouse)
— анимации на мобильном


Для этого сайта как раз был написан эффект искажения с этой страницы, но я не смогла победить шейпы в Zero Block и проблему с тем, что он выборочно отображается в Safari (ставлю цель накопить на macbook ради красивых эффектов ☹️). MOT традиционно не взят.

Перейдя по тегу #работа вы сможете почитать об этапах работы над этим сайтом, а также посмотреть несколько стримов с версткой: первый и второй.


#работа
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM