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

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

Ночью мне казалось, что жизнь закончится прямо сейчас: ломило кости и суставы, зашкаливала температура и я лежала под мокрым холодным полотенцем чтобы не вскипеть. Муж испугался и вызвал скорую. По приезду скорой выяснилось, что закончилось действие полиса страхования (на руках только ДМС 🥹). Пока скорая стояла в дверях, а муж искал мой потрёпанный бумажный полис убежал Сэр Ёжа на чердак в подъезде (и пока не спустился, а ключ от люка не знамо где).

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


особенный шик в том, что я не могу есть и слышу процентов на 40 хуже {дораму теперь слушают и соседи}
Please open Telegram to view this post
VIEW IN TELEGRAM
Вчера на тильде вышло первое реально-полезное обновление {подумала я} — группировка объектов в Zero Block.

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

Что мы получили:
🔵Невозможно выбрать тип позиционирования группе: window или grid.
Сначала позиционируем элементы, потом группируем и получаем не то, что видим в редакторе: элементы смещаются так, словно группа — это отдельный zero block.
🔵Группа не дружит с Autoscale.
Zoom применяется и группе, и каждому элементу внутри группы {как это вообще можно было не проверить}. Мы попросту получаем двойное увеличение элементов в группе.
🔵Группе нельзя задать класс.
Работать с tn-group__700084637170686913507317610 в стилях мне совсем не хочется 😳
🔵Баги в Firefox.
В сочетании Autoscale и Firefox случаются неожиданные смещения элементов {словно в firefox новинка не проверялась вовсе 🌈}


☺️ А теперь о положительном.

Можно выбрать тег для группы элементов, что не только важно для SEO, но и для иных способов воспроизведения сайта {механизм тоже сделан косячно, но не будем об этом уже}. Ставьте самые странные смайлики под этот пост и я напишу подробно про каждый тег. Потому что не все теги имеют смысл внутри Zero Block.


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

#дайджест
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN 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