Как cгенерировать сайт по макету из Pixso? 🖥

Если коротко, то используйте для этого Pixso MCP, который можно интегрировать в VS Code, Cursor, WindSurf, Claude Code и прочие IDE, поддерживающие ИИ генерацию.

Из видео вы узнаете, как сделать интеграцию MCP с VS Code, и наглядно продемонстрирую результат преобразования дизайн-макета Pixso в код.

Youtube | VK

Будущее уже совсем близко! С вас лайки на видео и комментарии с мнением о том, насколько это ускорит работу разработчиков.

Кто уже заметил замедление Telegram?

🔥 — Всё работает, как раньше
😱 — Не могу загрузить тг

⚡️ В сеть слили методы обхода блокировок Telegram, чтобы всё летало и загружалось молниеносно!

Запускаю «Клуб для своих» 💻

Это закрытый канал с мыслями не только о разработке: закулисье блогера, честно о деньгах, IT-рынке и личное из жизни. Живые кружочки и реакции на актуальные темы.

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

Посты с разбором о том, как ИИ влияет на рынок труда в ИТ уже в клубе:

🔗 Присоединиться

А еще у нас будет закрытый чат для обсуждения любых тем, в том числе слайдеров 🤭

⚠️ Прямо сейчас делаю разбор презентации о том, как ИИ влияет на рынок труда в ИТ

Будет до 5-6 моментов.

2 уже описаны в закрытом клубе:

🔗 Присоединиться

⚠️ IT-рынок 2026 и его состояние. Осторожно: сейчас будет неприятная правда!

Все любят читать отчёты или статьи с заголовками, где есть подобные ключевые фразы:

🤑 Зарплаты выросли!
💼 Дефицит кадров!
😇 IT всё ещё перспективно!
🥳 Средняя зарплата 180 тысяч!

Звучит, классно, не поспоришь...

Но если смотреть на это всё как фронтендер (-ка?, -ша?, -эсса?), который(-ая) уже давно в профессии, то картина не такая уж и гладкая.

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

🔗 Присоединиться

Абсолютно уверена, что любой кризис реально пережить, если правильно понять, как подстроиться под меняющиеся процессы, поэтому залетайте, будем помогать друг другу и поддерживать:

🔗 Присоединиться

День, когда совпали любовь, кодинг и День Рождение ❤️

14 февраля — это не только День Святого Валентина, но и день компьютерщика и программиста. День, когда всё вокруг окружено сердцами и технологиями, которые нас окружают.

А еще это День Рождения Анны Блок 🤫

➿

1️⃣ В честь этого дня дарим скидку 50% для вступления в закрытый клуб, где поднимаются личные и айтишные темы. Иначе говоря, всё то, что никогда не будет опубликовано в открытом доступе.

Для вас это будут новые знания и доступны они будут только вам!

🔗 Присоединиться к закрытому клубу со скидкой 50%

➿

2️⃣ А еще при покупке любого курса или марафона с сайта frontendblok.com, второй вы сможете приобрести со скидкой 50%. Для этого напишите нам, приложив чек о покупке образовательного продукта сегодня.

Важный момент: второй курс на покупку должен быть дешевле или равный в цене, относительно первой покупки.

➿

Все акции доступны только сегодня

Вот почему подарожала оперативка 🤌

Жизненно необходимо было научить технологии создавать такие видео.

А вы заметили, что цены пошли вверх?

Нужен ли подход Atomic CSS или это очередная мода?

Atomic CSS — это подход к написанию стилей, где каждый класс отвечает за одно конкретное свойство.

Не «карточка целиком», а один атом. Вот простенький пример нескольких классов, которые могут быть в одном теге:

✅ .mt-16 — отступ сверху,
✅ .flex — display: flex,
✅ .text-center — выравнивание текста.

Самый известный пример, кто придерживается такого подхода — это Tailwind CSS. Кстати именно его классы я использовала выше.

Зачем вообще нужен этот подход?

➡️ Не нужно придумывать названия классам
➡️ Почти нет дублирования кода
➡️ Быстрее верстается
➡️ Стили предсказуемы
➡️ Проще поддерживать большой проект

А минусы будут?

❌ HTML выглядит перегруженным
❌ В начале кажется непривычным
❌ Без системы легко превратить код в хаос

Так нужен ли он?

Если вы делаете лендинг на 2 страницы, то можно обойтись и без этого подхода.

Если у вас продукт, команда и десятки экранов, а супер-индивидуальный дизайн не является приоритетной задачей для создаваемого продукта, то Atomic CSS экономит время и нервы.

А вы на чьей стороне: классического подхода или атомарного?

Кстати сегодня в приватке показала, как создается верстка на технологии, которая придерживает подход Atomic CSS (спойлер: это не Tailwind).

А завтра как раз хочу рассказать, как я попала на проект, где используется Tailwind и что я думаю после того, как удалось опробовать его на реальном продукте и как он вообще попал мне в руки. Заходите!

YT • VK • Чат • Boosty • ПРИВАТКА

Всегда стараюсь публиковать на каналах только свежую и актуальную информацию по веб-разработке 👍

YT • VK • Чат • Boosty • ПРИВАТКА

Где я нахожу новинки CSS? 💻

Об этом рассказала в закрытом клубе, где поделилась всеми ссылками, которые помогают мне формировать контент в моих соцсетях.

🔗 Присоединиться

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

Обзор и создание сайта на mlut — аналог Tailwind

Самое время взглянуть, как создаются сайты на CSS-фреймворке mlut от российского разработчика Валентина Ульянова. Приятного просмотра!

Youtube | VK

Обязательно оставьте комментарий и лайк на видео по представленным ссылкам ❤️

А вы замечали, что на iOS-устройствах происходит увеличение масштаба по клику на поля ввода? 🖥

Например, пользователь хочет ввести в форму своё имя, email и прочие данные. Изначально сайт идеально подстраивается под адаптив, но как только он жмёт на поле ввода, то сайт будто зумируется к нему.

Бесячее поведение, но решается оно на изи! 🤌

Итак, сохраняйте:

@supports (-webkit-touch-callout: none) {
input, textarea {
font-size: 16px;
}
}

Вы должны знать, что в iOS есть системный момент:

🟡 Поле ввода должно содержать font-size = 16px, тогда зума не будет
🟡 Если применено иное значение, то он срочно применит зум

Если вы не хотите отходить от дизайн-макета и всем грустно и больно от этой мысли, то впишите @supports под iOS устройства. Пусть iOS-пользователи (я в том числе) страдают от некрасивости, а для остальных всё останется как прежде ✨