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

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

Пост с котами в шапках собрал столько реакций, что я просто не могла слиться :D

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


Вердикт

Шапень скользит по гладкой шерсти (а может и щеки пухлые мешают ❤️). Если провернуть такое с лысым котом — держаться будет, но это не отменяет попытки снять ее лапами. Стартап по кошачьим шапкам пока отменяется 😏


В процессе примерки ни один коть не пострадал 😂

#скотики
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Media is too big
VIEW IN TELEGRAM
🤪 Возвращение блудной модификации по созданию шума на Тильде.

Мой уже бывший стажер Женя пересобрал хаос разных блоков T123 и поправил некоторые вещи. Я же переделала дизайн страницы и переписала решение {потому что нет предела совершенству}.

1. На странице появилось меню и футер со всеми нужными ссылками (главная и обо мне появятся позже).
2. В последнем пункте можно поддержать выход решений любым способом.
3. У решений теперь есть описание до демонстрации, которого не хватало.
4. В мобильной версии страницы больше нет формы и блока с кодом {потому что мне лень делать адаптив для десктоп-решений 🙂}.

Шум навести охота


Почему решение лучшее:

1️⃣Для создания шума не используется уже анимированная GIF, шум реально можно сделать с любого изображения {даже так, ЛЮБОГО изображения}. Я оставила ссылку на конструктор шума, а еще можно взять с этого сайта любую картинку и навести шум.

2️⃣ Можно редактировать: размер фоновой картинки, прозрачность, режим наложения, выбрать блоки-исключение (поверх которых не будет шума), отключить на мобильном устройстве.

3️⃣На мобильном устройстве шум подстроится под высоту экрана (без полоски снизу при скрытии панели поиска).


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

решение на самом деле не привязано к тильде и без проблем подружится с другими конструкторами.
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
😰 Извиняюсь за задержку розыгрыша консультации (я почему-то запомнила, что 7 февраля — это четверг)

В начале хочу поблагодарить всех, кто ответственно ответил на все вопросы. Благодаря вам я смогла выписать пять направлений для консультаций и выделить темы, которыми я точно не смогу поделиться (о многом я вообще не задумывалась).

А бесплатную консультацию забирает Диана — ShakerovaDiana 😌


Основные направления:
1. Кастомизация стандартных блоков {что можно делать, схемы}
2. Виды верстки и адаптив {как подружить Zero со стандартными блоками, виды верстки и не только}
3. Аудит сайта c отчетом {что нужно сжать, что переделать}
4. Базюлька {базовые знания по сайтам, которых многим не хватает}

Каждая тема требует отдельной программы, дополнительных материалов и подробных презентаций. Поэтому я вернусь к вам со всей информацией и анонсом 15 февраля 🙂

На пару оставленных вопросов отвечу на следующем стриме.
Please open Telegram to view this post
VIEW IN TELEGRAM
Сегодня на стриме я продолжу верстать необычный концепт с раздельным скроллом каждой стороны {такое только я на тильде могла замутить 😎}

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

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


Традиционно встречаемся на youtube в 16:00 часов.

Напоминаю, что на стримах по переделке блоков ничему не учу — просто показываю 🤩 Я выписала себе пару вопросов из опросника, на которые хочется ответить. Забегайте поздороваться или поболтать.

запись стрима (поболтали о заработке, доходах на webflow и любителях экономить)

запись прошлого стрима
💚концепт, который верстаю

#стрим
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Маргарита
Катя, спасибо! Этот пост оказался суперполезным ❤️ получилось разобраться с специфичностью и сделать то, чего не хватало!
Please open Telegram to view this post
VIEW IN TELEGRAM
Небольшой спойлер моей плотной работы все прошлые недели

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

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

План запустить всё на этой неделе улетел из планера в корзину. Но я делюсь с вами небольшим спойлером {обещаю, это будет очень круто}.

Помните, что ваши сердечки и редкие комментарии очень радуют меня и подталкивают стараться еще сильнее (активность только на решениях и постах с котами меня расстраивает 😔).
Please open Telegram to view this post
VIEW IN TELEGRAM
Хочу поделиться своими своими мыслями о неуверенности или ощущении себя не в своей тарелке.

В этом году я решила, что больше не буду сидеть на попе смирно. Не буду стесняться и бояться делать свои мастер-классы, платные эфиры и прочие вещи. Но это СОВЕРШЕННО не отменяет ощущение, что это все не про меня и не для меня.

Не знаю, испытывали ли вы подобные чувства? Вызовет ли это у вас отторжение? (потому что многих раздражает, когда более опытные по их мнению люди смеют сомневаться в себе). Пару лет назад меня называли Екатерина Сергеевна, я дважды в неделю вела лекции и хотела защитить кандидатскую диссертацию. В моей голове это выстроилось как что-то серьезное. Я мечтала еще в школе, что буду не просто работать в сфере IT, но и стану преподавателем в вузе. Мечты рухнули в первый же год преподавания 😶

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

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

p.s. на фотке есть спойлер новой вязальной работы.

#личное
Please open Telegram to view this post
VIEW IN TELEGRAM
Я знаю, что вы любите До/После переделки блоков на тильде 😎

Нужно было сделать страницу для публикации новостей и стилизовать её под сайт. Что я сделала:
1. Переделала сетку потоков под ту, которая используется на всём сайте.
2. Сделала нормальный адаптив для сетки потоков.
3. Переделала убогие кнопки разделов в менее активные.
4. Самую малость поправила popup с новостью.

Но больше всего на этом сайте горжусь эффектом перехода по страницам, имитирующим переход без перезагрузки {когда очень хочется роутинг на тильде} 😍

Кстати, у ребят на Ozon очень милые обложки и появилось средство для мытья фруктов и овощей (поставь лайк, если терпеть не можешь отскребать воск с яблок 😭).

#работа
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
Заметила вчера, что текст в нулевом блоке таки стал параграфом и это отлично (подробнее было в посте, который вы не оценили 😭). Но зачем-то разработчики добавили КО ВСЕМУ ТЕКСТУ В ZERO новое свойство text-wrap: balance и я опять словила facepalm 🤦‍♂️.

Что делает это свойство? Оно сбалансированно переносит слова на новую строку. Чтобы все строки текста были примерно одинаковой длины без резких переносов {еще не перенос предлогов, но помолимся и в 2030 сделают}.

У этого свойства есть пара особенностей:
⚪️чрезмерное использование влияет на скорость рендеринга страницы (потому что браузеру нужно все просчитать: количество строк, количество слов в строке);
⚪️свойство работает только для текста длиной 6 строк (10 в firefox)
⚪️рекомендуется использовать его для заголовков и крупных цитат. большие параграфы браузер пока перестроить не в состоянии. было бы оптимальнее, если бы такую опцию добавили для заголовков.


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

Оставляю вам статью с developer.chrome, на которой есть визуальные примеры и доказательство того, что я не звездю 🤔

#дайджест
Please open Telegram to view this post
VIEW IN TELEGRAM
Свеженькие анонсы стримов этой недели 🐱


Пятница 16:00: заключительный стрим с версткой сложного проекта.

Я уже очень хочу завершить этот сайт и пойти рисовать что-то новое, но такое же странное. Львиную часть работ я уже сделаю до стрима.

Ссылка (можно включить оповещение 💛)

〰️〰️〰️〰️〰️〰️〰️

Суббота 14:00: разговорный стрим с просмотром сайтов.

После прошлого стрима мне сказали, что пришли смотреть на верстку, а не слушать болтовню 😔 — поэтому болтливый стрим перенесла на субботу. Буду просматривать сохраненные сайты и сходу какие-то штуки верстать. Приходите, если просто хотите пообщаться и послушать про бренный фриланс (прошлая неделя принесла мне клиента, который в 2017-ом угрожал меня зарыть в лесополосе).

записи болтливого стрима не будет

#стрим
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🤗 Пушистая булочка Сергей напоминает вам о сегодняшнем стриме в 16:00 по Московскому времени.

https://www.youtube.com/live/8EmePdeQZdI?si=0RfFKQzpyIDhHd3f


А ещё Ёжа сбросил 500 грамм на диетическом корме и теперь весит 9.2кг.
Please open Telegram to view this post
VIEW IN TELEGRAM