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

А еще делаю сайты на тильде и webflow, люблю чистую верстку, веду стримы.
Download Telegram
🙂 Бесплатный аналог Loom

В большинстве случаев я записываю обоснование концепции с помощью OBS (или же через XBOX Game Bar), а далее загружаю видео на ютуб. Но часто необходимо записать короткое видео и скинуть его быстро без лишних телодвижений. Удалять старые записи из Loom мне надоело, поэтому нашла аналог {простите, но этих ваших иностранных карт не имеем}. Теперь пользуюсь bubbles.

— Ограничения по количеству роликов в месяц нет
— Ограничение по длительности видео 30 минут (у Loom 5 минут)
— Старые видео удалятся через 7 дней самостоятельно {нужное видео при необходимости можно скачать}
— Есть расширение для Chrome для мгновенной записи видео

Для тех, кто зарегистрируется сейчас обещают сохранить плюсы бесплатного тарифа.

Кстати, если вам нужно видео по настройке и записи OBS — поставьте много истуканов в реакциях 🗿

#ссылки
Please open Telegram to view this post
VIEW IN TELEGRAM
Программы для захвата экрана с превращением в GIF

В прошлый раз я поделилась сервисом, который может запросто заменить Loom. Второй по частоте использования сервис, который я использую — recordit. Я записываю короткие ролики с демонстрацией кода стажерам, делаю видео сюда на канал, снимаю до/после для клиентов. Давайте разберемся в плюсах:

— можно выделить область, которую вам нужно записать
— видео заливается на сервер и хранится некоторое время
— бесплатно можно записать видео длиной до пяти минут
— одним нажатием видео превращается в GIF (чем дольше видео, чем более резкой будет анимация)

Минус для меня один — GIF получается довольно тяжелой, а также часто дерганой. Частично проблему дерганья помогает решить перезагрузка компьютера и закрытие 150+ вкладок в браузере {не спрашивайте, мне все надо :D}.

Альтернативы:
x VCClip
x GifCam
x Monosnap {у меня больше не работает}

На лайки и роговых лошадей не скупимся, это самое 😏

#ссылки
Please open Telegram to view this post
VIEW IN TELEGRAM
До переустановки windows я забыла включить синхронизацию в браузере и потеряла все свои закладки сделанные за два года. Поэтому решила сделать пост со всеми сервисами, на которых ищу вдохновение {потому что пост в собственном блоге точно никуда не пропадет}. Кратко и по делу 😎


Начнем с любимчиков:
admiretheweb.com
siteinspire.com
httpster.net
uijar.com
brutalweb.xyz
ilovecreatives.com/internet-gems
minimal.gallery


Вторая очередь:
lapa.ninja
pixelfika.com
cargo.site
hoverstat.es
loadmo.re
godly.website
land-book.com


Типографика и не только:
anothergraphic.org
the-brandidentity.com


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

readymag.com/examples

Про еще один источник вдохновения писала в этом посте. Полезные ссылки и интересные сайты можно найти по этим тегам: #рефересы #ссылки
Please open Telegram to view this post
VIEW IN TELEGRAM
Случайно напоролась на галерею постеров разных авторов и делюсь ею с вами 🥰

ostengruppe.com »»


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

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

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


benditomockup.com {вся красота в платном, но есть и бесплатные}
microvolume.gumroad.com
mrmockup.com
mockup.maison
unblast.com
creatoom.com {можно выбрать сцену, отдельно ноутбук и собрать всё в фотошопе}
anthonyboyd.graphics


Важное уточнение для тех, кто хоть немного умеет пользоваться фотошопом: берем фотографию с устройством, выделяем экран устройства, встраиваем внутрь видео (не забыв включить таймлайн). У Санёчка есть видео на эту тему. Подборка ниже для вас:
Unsplash часть 1
Unsplash часть 2
Unsplash часть 3

отдельно хочется сказать, что самые качественные изображения находятся в разделе Unsplash + 😱 если у вас нет иностранной карты, а изображение нужно для поста в социальную сеть, то скачайте изображение и закиньте его сюда. для клиентов так не делаем, пусть покупают изображения. Традиционно ставим любую кракозябру в реакциях к посту для поддержки меня 😉

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


*️⃣ O-dan.net
Ищет изображения на Unsplash, Pixabay, Picography, Negative Space и других стоках. Для некоторых стоков рекомендую включить VPN в браузере (я использую Planet VPN)

*️⃣ Everypixel.com
Можно выбрать только бесплатные изображения или вариант с покупкой. Помимо простого поиска можно отсортировать изображения: векторные, графику, вариант раскладки, цвет и свободное пространство.


Не забываем жмакнуть ❤️ под пост ❤️

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

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

Здесь можно пробежаться по тегам: #работа #халявное #стрим #катяучится #ссылки #уверстка #переверстка #личное

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

На данный момент я работаю над платными крутыми решениями для тильды (не типикал решения как у всех), переписываю полностью программу оптимизации сайтов на тильде, делаю закрытый канал по развитию блога и консультации по нестандартной вёрстке на тильде. А еще я, иногда, веду стримы, на которых делаю реальные проекты и очень хочу развить это направление чуть дальше. Будем знакомы, если не знакомы 😃
Please open Telegram to view this post
VIEW IN TELEGRAM
Не так давно я делала пост с подборкой сайтов для вдохновения (в которую попали всем известные гиганты), но откопала в заметках еще целую кучу и делюсь ею с вами ❤️

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

thegallery.vercel.app
unshift.supply {есть фильтр по тематике и цвету}
niceverynice.com {референсы блоков по типу}
darkmodedesign.com {сайты в темных цветах}
pafolios.com {исключительно портфолио}
maxibestof.one {есть фильтр по типу, цвету и технологии}
the-responsive.com {десктоп и адаптивы}
www.curated.design
bestagencysites.com {сайты агентств}
pfolios.net {еще портфолио}


Отдельно отмечу collected.li, на котором подборка сайтов обновляется вместе с перезагрузкой страницы. Что делает не совсем удобным процесс поиска конкретных сайтов, но подойдет если за чашечкой чая вы хотите посмотреть на работы, которые еще не отметили другие агрегаторы.

Ну и в завершение сайт с подборкой трендов в дизайне, который ведется с 2011 года (если хотите перейти в самый конец — замените число в адресной строке start=12000).

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

Если у вас клиенты с разных часовых поясов, то бывает неудобно запомнить время созвона и перестроить его под свой часовой пояс. К GMT+3 я уже привыкла и автоматически перевожу время в уме, с другими часовыми поясами случаются проблемы.

🔗 ссылка

#ссылки
Please open Telegram to view this post
VIEW IN TELEGRAM
📎Собрала подборку полезных постов, которые я делала {без сложных пояснений косяков тильды}. В подборке ссылки на полезные сервисы и лучшие посты уверстки.

🟡плавный скрол по якорным ссылкам без лишнего блока на тильде
🟡аккуратное подчеркивание ссылок без псевдоэлемента
🟡топовый аккордеон для нулевого блока (которым я пользуюсь сама и планирую расширить возможности оформления контента внутри)
🟡сложная, но полезная статья про специфичность
🟡сервисы для вдохновения часть 1 | сервисы для вдохновения часть 2
🟡поиск картинок на всех фотостоках разом
🟡изучение верстки в формате игры (жабьи игры 🐸)

#ссылки
Please open Telegram to view this post
VIEW IN TELEGRAM
🙂 🔡🔡🔡🔡🔡🔡🔡🔡🔡

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

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

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

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

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


🟡уверстка №19 (эффект наведения для пунктов меню без SBS-анимаций)
🟡про уход базово часть 1 (подборка средств для умывания)
🟡результат писем клиентам (старт тега о моём бренном и вообще неудачном фрилансе для поднятия вашего духа)
🟡процесс обучения верстки на GSAP {с того момента я почти не продвинулась из-за отсутствия времени 😒}
🟡про уход базово часть 2 (подборка тонеров)
🟡переверстка на заказ (красивая переделка блока новостей и не только)
🟡обзор Auto Layout на тильде (не сопливая правда об очередной не работающей новинке тильды)
🟡подборка странных сайтов
🟡про уход базово часть 3 (важная подборка про кремы с подробными отзывами в комментариях)

〰️〰️〰️〰️

Мне будет очень приятно, если вы проверите свой 💖 под этими постами. Не стесняйтесь оставлять фидбек — чего не хватает в канале (меня, верстки, моих любимых угашенных гарнитур или котов). Ведь именно благодаря вам я собрала яишки в кулак и запустила таки тег про косметику.

#ссылки
Please open Telegram to view this post
VIEW IN TELEGRAM