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

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

Я делаю подробный расчет в табличке, чтобы человек мог видеть полный список работ по сайту. После прочтения ответа человек пропадает, а я жду типичное сообщение продюсера (в прошлом году такое было массово).

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

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

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

Представьте, как вы красите волосы дома в русый и становитесь зелёными {на себе прочувствовала}. А потом просите колориста исправить это за 1500, ибо больше нет и вообще вы уже 500 потратили на краску.

*ситуация со второго мема страшная пипец

#бренныйфриланс
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Подборка странных сайтов №3

Продолжаю делиться необычными сайтами, которую собираю в Notion. Просто напомню, что я фанат странных сайтов 😎

[1] bf.inc
На сайте есть все, что мне нравится: четкое зонирование, моноширинный шрифт, отсылки к старым OS, необычные мелкие детали в виде процента перемотки и координат курсора {без разницы, что это попса}. Особенно приятно было обнаружить, что мобильная версия не лишена обаяния и для неё был написан отдельный эффект.

[2] trazafurniture.com
Имитация сетки на фоне, два блока с необычной анимацией увеличения элементов {которую точно возьмем на переверстку, когда у меня будут силы 😔} и больше плюсы вместо ссылки "View more".

[3] bennettandclive.com
Работы дизайнера и разработчика Daniel Spatzek я узнаю сразу. Всегда брутализм и очень много анимаций, которые разлетаются по разным подборкам. В этот раз выделилась анимация перед футером, которую так и хочется скролить туда-сюда.

[4] canadacanada.com
От этого сайта у вас закружится голова. Мне нравится эффект наведения на ссылки {хотя хочется квадратные скобки и возможность управления клавишами}, возможность переключить отображение и очень необычный аккордеон на странице Contacts (обратите внимание на выравнивание.

[5] abgd.it
Еще один сайт с возможностью отобразить сетку (получился почти pixel perfect). Обратить внимание стоит на аккуратную композицию, декоративные подписульки и то, что размер шрифта привязан не к ширине экрана, а к высоте (задано в vh). Такое я встречаю впервые 😳

[6] inkfishnyc.com
Я уже была потеряна после того, как увидела квадратные кавычки и анимацию в навигации. Помимо этого нужно отметить ритм в работах, эффект наведения в навигации и много разных подписей с цифрами {значение которых я очень редко понимаю, но это всегда цепляет}.

#референсы
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Работает ли скидка за отзыв

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

Больше месяца назад я предложила давать 5-10% скидки, если отзыв напишут прямо сейчас. Конечно же, он упирался со словами: "никто не будет писать отзыв при мне! может мне еще стамеску к ним приставить?! {почему нет, если да}". Но спустя месяц на 2Gis, Авито, Яндекс-картах, Гугл-картах появилось 29 новых отзывов .

🟡многие не просто не отказывались оставлять отзыв, но и очень радовались небольшой скидке
🟡кто-то приходил домой и дублировал отзыв сразу в нескольких местах (хотя это было не обязательно)

На этом весь кайф кончился...
Потому что почти все стали отказываться от скидки со словами: "да не надо, я отзыв дома и так напишу". Почти 90% таких людей так и не добираются до написания отзыва, или же это по какой-то причине не даёт сделать Авито. Метод решения этой проблемы пока не нашла 🥺


p.s. после рекламы в местных школах игры на гитаре стали приходить люди, которые: не спрашивают рабочее время и просто являются в мастерскую, просят сделать все за 500 рублей потому что детям и вообще "у вас не Кемеровские цены". Но это уже другая томная история 😤
Please open Telegram to view this post
VIEW IN TELEGRAM
В прошлый раз вы проголосовали за все темы (но ценнее всего оказались подборки с отзывами в комментариях). В этот раз предлагаю проголосовать за следующие посты {управляйте мной полностью 💪}.

❤️ — витамин C (теория и подборка)
🔥 — SPF (страшный рассказ о меланоме в 16 лет для устрашения)
❤️‍🔥 — SPF (база и подборка крутых средств)
🍌 — SPF (ссылки на супер-полезные посты у других людей)

Посты о косметике будут выходить раз в неделю, обещаю почаще говорить о дизайнразработческом и не бесить тех, кто умывается хозяйственным мылом❤️. Не стесняйтесь задавать вопросы по банкам и писать в личку, если не можете разобраться с уходом (будь у меня подруга — я бы проела ей плешь рассказами о банках).
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Куда я пропала то?

В начале июня у нас было +5, я попала под дождь во время пробежки и на следующий день свалилась с температурой. Но обычная простуда превратилась в тяжелую форму бактериальной ангины. Знающие поймут, как приходится полоскать горло с анальгетиком чтобы просто глотнуть воды. Антибиотики, промывка миндалин и удаление правой со словами "ну сейчас быстренько лазером вырежем и пойдете домой". Если бы я могла вцепиться в ногу мужа и устроить истерику — я бы это сделала 😭

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

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

Вот так круто почти прошел июнь.
Please open Telegram to view this post
VIEW IN TELEGRAM
Ретроградный меркурий и клиенты {без перехода на личности, просто клиент N}

[клиент 1] обратился перед майскими праздниками. Созвонились, отправила коммерческое, оформили договор, отправила подписанный со своей стороны договор и клиент ушел в отпуск. Договорились обсудить детали и подписать договор в отмеченную дату. Но ни в оговоренный день, ни после клиент не ответил. Вернулся сильно позже с подписанным договором и фразой "начинаем работать" {с обсуждения прошло почти 30 дней}.

Я не сидела без дела и начала работу над другим проектом, предложив клиенту свободные даты. В ответ клиент начал угрожать переводом денег и статьёй 426 ГК РФ (нельзя отказать клиенту в предоставлении услуг).

[клиент 2] постоянный и хотел работать срочно, но без доплаты за срочность. Был чрезвычайно недоволен, что я занята и не рассчитываю, что он может мне написать. Подробность о том, в каком он состоянии был во время созвона знают только ребята с чата Асадовой :D

[клиент 3] не прочитал в коммерческом/договоре "рабочих дней", решил не задавать вопросы и просто покрыл меня матами во время звонка. Пыл был после охлажден, проблема решена. Но это не отменяет, что в процессе я впала в ступор {как ящерица из Ранго} и сама забыла, что учитывались рабочие дни.

[клиент 4] смотрит битву экстрасенсов и не хочет смотреть презентацию с референсами, и вообще эти ваши исследования ненужные. Чисто случайно заметила, что видео-обоснование тоже не было просмотрено. Потому что я должна угадать и сразу выдать результат. Обсуждения ни к чему не привели и было похоже, что я ритмично бьюсь об стенку 😡

#бренныйфриланс
Please open Telegram to view this post
VIEW IN TELEGRAM
Я не договорила...

Будет не честно говорить, что я в спокойном режиме решаю все проблемы и иду дальше. Хотя проблема с [клиент 2] была не просто решена, был подписан новый договор и продан пакет правок.

Если бы меня снимала камера, вы бы увидели как я плачу у ноутбука, сомневаюсь в себе, заливаю мужа соплями {пытаясь одновременно рассказать как на меня наорали}. Все это было совмещено с просто ужасным состоянием, в котором я не могла разговаривать, нормально кушать и лишь немного перегоняла своей температурой уличную {39 у меня и 36 на улице}. Пару раз я чуть не сорвалась на людях, которые ничего плохого мне не сделали.

Два клиента пропали с концами на этапе верстки проекта, работая по 100% предоплате {спасибо за деньги, но заберите свои проекты, ёбанрот}. В такие моменты кажется, что я свернула куда-то не туда 🥺

А еще от плохих событий меркнет всё хорошее. К примеру, в начале месяца я успешно сверстала два проекта на webflow, подписала договор с новой студией {буду верстать сайты в разных конструкторах} и мы завершили с Машей Futuro {не без проблем, хотелось переверстать всё на правках с нуля}.

Кстати, пока я активно набираюсь опыта на webflow — со мной можно поработать по очень демократичным ценам. После, когда я встречу все возможные проблемы конструктора и наберусь опыта в GSAP {чтобы на все уверенно отвечать "сделаем", а не с дрожью в голосе} цены станут прилично выше. Консультация и созвон перед версткой бесплатно. А еще ко мне можно обратиться, если есть сомнения — какой конструктор выбрать.
Please open Telegram to view this post
VIEW IN TELEGRAM
А давайте факты о webflow [много букв]

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

1️⃣ Это конструктор не для дизайнеров, а для разработчиков, которые не хотят превращаться в Fullstack.

Да, собирать простые аккуратные сайты можно и они будут на порядок выше, чем сайты с Tilda {давайте на всякий уточним, что тильду пора убирать из всех сравнений из-за отсталого кода}. Если дизайнер спокойно сам переделывает тильду, знает javascript и может переписать пример с codepen под себя, может по документации написать анимацию на GSAP — вот ему будет хорошо на webflow.

2️⃣ Несмотря на наличие CMS (аналога потоков) и её широкой кастомизации нужно знать пару библиотек и не бояться писать стили.

К примеру, для фильтрации выводимой коллекции (фильтр проектов, тарифов, услуг) нужно подключить Finsweet. А еще если хочется вывести коллекцию в необычную сетку — будьте добры написать стили и адаптивы.

3️⃣ Более удобные на первый взгляд анимации на самом деле не так удобны как кажется.

Все, что вы видите на awwwards не реализовано в стандартном интерфейсе, а сверстано с помощью GSAP {за который нужно заплатить 18к за год}.

4️⃣ Проблемы с загрузкой изображений в формате JPEG.

Webflow самостоятельно делает то, что я рассказывала на менторстве — грузит разный размер изображений в разных условиях. Именно для JPEG механизм ломается и на десктопе выводится картинка для телефона {размытая в говнину есесена}.

5️⃣ Как минимум три разных способа создания этичного "autoscale"

Можно верстать сайт в пересчете на vw/vh, можно использовать Finsweet Fluid Responsive, можно перезадавать базовый размер страницы и работать в rem c Wizardry. Что-то на сложном, да 😂

Тильда научила дизайнеров неправильно воспринимать процесс верстки. В котором участие разработчика совсем не нужно, но на webflow нужно быть больше разработчиком чем дизайнером.

#дайджест
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Фрагмент Futuro, который мы делали с Машей на webflow.

Это первый проект, на котором было обнаружено столько проблем: начиная от непонимания "а чего картинка такая шакальная", заканчивая первым написанием такого количества строчек на GSAP и ошибками Swiper.js, о которых не знал Google {и даже форумы на github}. Мне впервые было настолько сложно во время разработки, особенно от того что не все работает как мне хотелось бы {не устану повторять насколько проще и экологичнее простая верстка без ограничений}.

Несмотря на эти проблемы, для меня webflow — удобный конструктор, который избавляет от написания разметки, быстро грузит страницы, имеет качественную валидацию и не превращается в 1000-lb Sisters при подключении сторонних библиотек.

И вообще, когда мне хочется разозлиться от какой-то проблемы конструктора — вспоминаю как делала первые сайты на тильде и вообще не понимала, как люди там что-то делают {а оказалось, что могу не сдерживаться и все переделывать}.


Ну и благодаря webflow я почти закрыла огроменный кредит за лечение и скоро смогу сеть за развитие своих проектов 😭

#работа
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
Пантерам Крапе и Джону 14 июля исполнится аж 3 года {время, куда же ты}.

Не все знают, что у меня дома живут пятеро замечательных котов. Я решила собрать фотографии/видео наших младших морковок и сделать видео без музыки и озвучки (2 минуты галереи). Честно, поплакала в процессе от воспоминаний :D

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

Первые три недели были крайне-веселыми {на меня скидывали новорожденного брата, я в курсе как круто подскакивать ночью и одним глазом следить за греющейся смесью}: мелкие просыпались каждые 20-40 минут и вылезали из коробки. Нам многие говорили, что это всё зря, что было проще в полотенце и в ведро, что надо было кормить молоком и "кто выживет тот выживет", а не покупать дорогую смесь.

В три недели муж нечаянно придавил Джона и этот день официально самый страшный в моей жизни. У котёнка весом 300 грамм начался отёк мозга, а следом эпилептические припадки каждые 6-10 минут. В большинстве клиник нам просто сказали ждать (видимо, смерти котёнка) и только в одной врач чудом попала катетером в вену лапки, которая была тоньше моего мизинца. Для нас рассчитали и развели противоотечное (1/28 от нормы), принимали утром, вечером и ночью без очереди. Ночью мы посменно держали Джона на руках и почти не спали, а утром муж уезжал в мастерскую потому что после переезда и моего увольнения мы ушли в минус на огромную сумму. Тут нам тоже прилетал совет свернуть шею котенку и не мучить его.

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

#скотики
Please open Telegram to view this post
VIEW IN TELEGRAM
Ну и До/После не переделки блоков, а котов 😭

Можно, пожалуй, вести счетчик спасённых котов. На данный момент уже ⤴️20 котов⤵️было спасено с улицы/подвалов/зубов собачьих и пристроено в новые семьи.

#скотики
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM