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

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

В эту пятницу на эфире буду верстать на тильде еще один свой должок — сайт коворкинга "Завод". Цель — максимально обойтись без написания кода 🙈

https://youtu.be/rBUdYIuOfBo


На выходных я запустила игровой стрим, на котором играла в Elden Ring. Три часа я пыталась научиться ловить тайминги атак и не треснуть от злости. Видимо, Elden Ring точно не подходит для стримов. Иначе вы и пара моих клиентов рискуете увидеть не самую лучшую мою сторону 😆

#стрим
Первый стрим с версткой уже на ютубе и второй будет в пятницу {опять сайт-портфолио}

К пятнице я сверстаю скучные вещи, чтобы покалякать что-то на 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