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

А еще делаю сайты на тильде и webflow, люблю чистую верстку, веду стримы.
Download Telegram
Привет всем 😉

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

Шум для сайта без GIF - тык

Text Reveal эффект (можно применить и для svg) - тык

Смена темы - тык

Параллакс изображения - тык

Дисторсия без библиотек - тык

Для вариативного шрифта - тык


Как бонус старенькая модификация с крутым эффектом.

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

#халявное
This media is not supported in your browser
VIEW IN TELEGRAM
Как всегда, скидываю новую фичу сюда в первую очередь {доношу до вас, шо вы избранные}.

тык

Что на странице то?
— сверстаны макеты с поста про "Модульные системы в граф. дизайне"
— включается и отключается сетка на странице
— можно убрать автоскейл {потому что на большом экране нифига не видно и вообще бесит этот автоскейл}
— можно перейти в файлик фигмы и забрать сетки {если мой внутренний швейцарец проснется, то в файле будут потом еще сетки}

p.s. Я, как всегда, придумываю себе задачи из пустоты. Иногда, это адски меня бесит {ну что за внутренний творец, я ж программист и почини утюг}. Но благодаря этому поняла, как ограничить бесконечное расширение автоскейла без создания новых страниц и редиректа. Эта вещь понадобится мне на сайте "Завод".

p.p.s. На страничке использовала свою модификацию для вариативного шрифта. Поняла, что она просто шикарна. От идеи до реализации кучи страниц и аккордеонов. Если кто-то когда-то эту штуку припи*дит, то я точно его по ip вычислю и поеду ушатывать 🤣

#халявное
This media is not supported in your browser
VIEW IN TELEGRAM
В инстаграм вышел постик про mix-blend-mode и background-blend-mode.

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


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

Модификация тут:
http://front-test.tilda.ws/mix-blend-mode

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

#халявное
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
🙂 🔡🔡🔡🔡🔡🔡🔡🔡🔡

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

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

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

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