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

А еще делаю сайты на тильде и webflow, люблю чистую верстку, веду стримы.
Download Telegram
Первый стрим с версткой уже на ютубе и второй будет в пятницу {опять сайт-портфолио}

К пятнице я сверстаю скучные вещи, чтобы покалякать что-то на css, поисправлять баги на стриме. А не двигать элементы в зеро-блоке 😐

https://youtu.be/GzR2UAgT8O4
https://youtu.be/GzR2UAgT8O4

#стрим
Please open Telegram to view this post
VIEW IN TELEGRAM
Вторая часть верстки сайта. На стриме оформляла стандартные таблицы и даже ничего {почти не сломала}.

https://youtu.be/5PxN7M-knYc
https://youtu.be/5PxN7M-knYc


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

обс буду чинить на неделе. на стул пока не откладываю, ибо еще две недели надо носить семёна на узи и все заработанное уйдет на это 😞

#стрим
Please open Telegram to view this post
VIEW IN TELEGRAM
Совсем забыла вам сказать, что верстала сегодня на стриме макет про хлорофилл. Временно проводить стримы по удобному московскому времени я не могу (потому что в 18:00 по москве у меня 22:00 и стрим кончается в 12).

Буду благодарна за поставленный лайкосик под видео. И еще больше за комментарий {видео с доступом по ссылке, но мое Катейшество будет радо увидеть комментарий}

https://www.youtube.com/live/JQBHZt5HckE?feature=share

Вопрос остается открытым, автоскейлить все к чертовой ебени или неть.

Задержку в стримах так и не решила. Ну шо так бесит то сегодня эээ

#стрим
Сегодня мне нужно завершить верстку этого проекта (чтобы клиент прозрел, что сдаваться проекты могут вовремя 🥺).

Мне осталось самое интересное — дополнить верстку кодом и поправить вид стандартных блоков. И делать я буду это сегодня на стриме в 16:00

Запись стрима (ваша писклявая мышь клюющая носом камеру опять с вами ;D).

Заходите поздороваться и повздыхать.

#стрим
Please open Telegram to view this post
VIEW IN TELEGRAM
Закончила монтаж с обзором на свою последнюю работу, его можно посмотреть тут {и поддержать царским лайком}.

В видео:
— обзор на дизайн
— кратко о композиции
— что оформляла кодами
— проблемы (вышло больше всего, но с тильдой иначе не можно)

С прошлого стрима я так и не смогла справиться с постепенным отставанием картинки от звука. Переустановила windows (теперь у меня win 11 и это прекрасно), но проблема осталась. Подозреваю, что мой компьютер просто уже не тянет {был куплен, когда вышла 1070}. Поэтому пришлось записывать небольшие кусочки и собирать их в одно видео. Я по-прежнему очень боюсь смотреть в камеру и больше не хожу на тренировку речи. Поэтому прошу понять и простить 😥

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

Ссылка на стрим ⇾⇾⇾


× saintheron.com
Необычная сетка, которая сохраняется и на мобильном устройстве; моноширинная гарнитура; очень приятная корзина. Обратить всё внимание нужно на то, как вписаны объекты в текст. А именно на свойство shape-outside (протестировать работу можно на блоке IM13).

× etcagency.co
Сочетание режимов наложений в баннере, до которого я могла бы додуматься лишь случайно во время экспериментов; необычная сетка и множество мелких деталей; шрифтовая пара Arial Narrow и моноширинная гарнитура с эффектом машинной печати 👍. Местами сложно и непонятно, но мне хочется его разглядывать.

× co-projects.xyz
Классное сочетание шрифтов {не дают мне покоя шрифты по типу Hanh Mono 😭}; простая композиция; интересная анимация логотипа; easing анимации элементов с небольшим отскоком.

× theaterimdepot.de
Сайт с перемоткой в маске (сверху наложен SVG-объект, который меняет свою форму при переходе на страницы); имитация газетной верстки; необычное меню. Редко можно увидеть просто газетную верстку, а подобное так и подавно.

× ericreh.de
Неказистый и странный на первый взгляд сайт, но при этом отлично написанный. Анимация clip-path при наведении; переход на страницы без перезагрузки и интересной перемоткой страницы в маске. Если вы вообще не понимаете кто это такое ваше clip-path, то посмотрите этот выпуск уверстки 🤔.

× liebermannkiepereddemann.de
Летающие креативы на сайте агентства, цепляющие слова о том, какие вы зашибись дизайны делаете — нет, освистопердело это уже. Этот сайт я точно надолго запомню 😂

× thehost.is
Брутальный сайт, с которого можно утащить великолепно-написанные тени. Помимо этого интересный эффект в шапке; белый градиент на новости; эффект объемных кнопок.

Это был тестовый формат стрима и если вам подобное понравилось, то поддержите лайком. Отдельное спасибо всем, кто забежал поздороваться 😘

#ccылки #стрим
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
Через 20 минут стихийно на стриме буду переписывать стандартные блоки: каталог ST315N, TM201.

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

#стрим
This media is not supported in your browser
VIEW IN TELEGRAM
В прошлую субботу на стриме {почти 3 часа, которые я просто не заметила} я переделывала блок TE225 в что-то совсем необычное.

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

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


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

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

#стрим #переверстка
Итак, вы проголосовали за Верстку макета на тильде {потому что я должна страдать, да 😅}.

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

А еще я заранее записала себе темы которые могу раскрывать на стриме и постараюсь больше говорить.

*️⃣запись стрима*️⃣

#стрим
Please open Telegram to view this post
VIEW IN TELEGRAM
Мой канал постепенно мутирует в канал с оповещениями о стримах, но я должна сказать что в эту пятницу будем рассматривать новый конструктор taptop

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

26.01 — 16:00 По Мск


📎 запись стрима

надпись "русский вебфлоу" написана таким шрифтом не просто так. шрифт со смыслом. дам подсказку BIZ...

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

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

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


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

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

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

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

#стрим
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
👍 Ребятки, несмотря на выходной день, в эту пятницу я буду в прямом эфире просматривать свои сохраненные сайты в поисках новых идей для верстки.

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

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

🧷ссылка на стрим (можно включить оповещение)
🧷прошлая часть стрима

#стрим
Please open Telegram to view this post
VIEW IN TELEGRAM
Сегодня на стриме я рассмотрела небольшую кучку сайтов и нашла пару идей для новой уверстки. Его запись остаётся в профиле по тегу #стрим, а также на моём канале. Мне будет приятно, если вы оставите фидбек к такому разговорному формату. Или, быть может, стоит просто делать разбор сайтов без перехода на другие темы

Оставляю вам ссылки на просмотренное, как обещала (и иду качать престиж в фазме 😉):
raphaelmaman.com — интересное открытие проектов во вторую колонку (муж описал как сложное и непонятное)
www.rhysframpton.com — сетка, которую можно скомуниздить для оформления потоков (что мы сделаем)
bee-home — сайт о домиках для пчелок, на котором можно углядеть панель настроек сайта, стрелочки в кнопках и поток с новостями в попап
workwork.kr — король пунктирных линий, шикарный Space Mono
https://www.saladseller.com — корейская доставка салатов, неожиданно приятный азиатский сайт


на стрим залетал семён в лоточке 🐱
Please open Telegram to view this post
VIEW IN TELEGRAM
Сегодня на стриме я начну делать не совсем обычную сетку, вдохновленную одним из сайтов с прошлого эфира.

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

Я такое никогда не делала, поэтому стрим будет чисто for fun 👊

16:00 по МСК (встреча на утуб): запись стрима


еще маленькая новость в футере. стримы теперь можно просто смотреть на канале, а не искать по тегу #стрим (хотя очень старые стримы останутся только по закрытой ссылке).
Please open Telegram to view this post
VIEW IN TELEGRAM
🙂 🔡🔡🔡🔡🔡🔡🔡🔡🔡

За последнее время в канале появилось много новых постов и соответственно тегов. Я решила навести порядок в канале и организовать удобную навигацию.

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

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

#косметикос (посты про косметику от косметического задрота 😎)
#дайджест (обзоры нового в CSS, обнов тильды) {я обязательно продолжу этот тег как смогу}
#референсы (подборки интересных сайтов) {тоже продолжим, как сможем}
#бренныйфриланс (как продвигается мой фриланс честно и без мотивационных речей)
Please open Telegram to view this post
VIEW IN TELEGRAM
Сегодня на стриме кратко пробежалась по Auto Layout: как делать, какие есть атрибуты {какие кнопочки можно тыкац}. А после прямо в инспекторе показала как все должно работать на самом деле, дополнив стилями.

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

❤️запись стрима

#стрим
Please open Telegram to view this post
VIEW IN TELEGRAM