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

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

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

#стрим

Вторая часть верстки сайта. На стриме оформляла стандартные таблицы и даже ничего {почти не сломала}.

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


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

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

#стрим

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

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

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

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

#стрим

Закончила монтаж с обзором на свою последнюю работу, его можно посмотреть тут {и поддержать царским лайком}.

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

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

#стрим

В пятницу на стриме я рассматривала сайты и сделала пару заметок для будущих постов с уверсткой. В посте же делюсь ссылками на сайты и чем именно они меня зацепили.

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


× 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ылки #стрим

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

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

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

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

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

Уже давно не было стримов с версткой проектов {потому что в один из моментов я начала стесняться их проводить} 🥺

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


Стрим будет завтра в 14:00 по МСК на ЮТУБ.
{🔗 запись стрима}

Все стримы можно найти по тегу #стрим 😐

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

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

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

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

#стрим

Мой канал постепенно мутирует в канал с оповещениями о стримах, но я должна сказать что в эту пятницу будем рассматривать новый конструктор taptop ✨

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

26.01 — 16:00 По Мск


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

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

#стрим

Сегодня на стриме я продолжу верстать необычный концепт с раздельным скроллом каждой стороны {такое только я на тильде могла замутить 😎}

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

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


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

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

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

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

#стрим

👍 Ребятки, несмотря на выходной день, в эту пятницу я буду в прямом эфире просматривать свои сохраненные сайты в поисках новых идей для верстки.

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

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

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

#стрим

Сегодня на стриме я рассмотрела небольшую кучку сайтов и нашла пару идей для новой уверстки. Его запись остаётся в профиле по тегу #стрим, а также на моём канале. Мне будет приятно, если вы оставите фидбек к такому разговорному формату. Или, быть может, стоит просто делать разбор сайтов без перехода на другие темы ❔

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


на стрим залетал семён в лоточке 🐱

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

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

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

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


еще маленькая новость в футере. стримы теперь можно просто смотреть на канале, а не искать по тегу #стрим (хотя очень старые стримы останутся только по закрытой ссылке).

🙂 🔡🔡🔡🔡🔡🔡🔡🔡🔡

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

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

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

#косметикос (посты про косметику от косметического задрота 😎)
#дайджест (обзоры нового в CSS, обнов тильды) {я обязательно продолжу этот тег как смогу}
#референсы (подборки интересных сайтов) {тоже продолжим, как сможем}
#бренныйфриланс (как продвигается мой фриланс честно и без мотивационных речей)

Сегодня на стриме кратко пробежалась по Auto Layout: как делать, какие есть атрибуты {какие кнопочки можно тыкац}. А после прямо в инспекторе показала как все должно работать на самом деле, дополнив стилями.

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

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

#стрим