Логово верстальщика

Ethernet коммутаторы ELTEX от дилера №1 ⚡1110 м2 склады в Москве и Новосибирске ⚡Отправка в день заказа ⚡Скидки с 1-го заказа! ⚡Видеообзоры, комплектация, скачать новое ПО Получить консультацию #реклама 16+ eltexcm.ru О рекламодателе

Корпоративный мессенджер на Matrix: заметки инженера Задача казалась плевой: поднять ВКС на Jitsi, прикрутить чат и нарисовать конфетный интерфейс в фирменных цветах. Пошли своим путём — накатали тонкий веб-клиент поверх matrix-js-sdk. Он трындит с уже живыми Synapse и Jitsi, а снаружи мимикрирует под родной кусок внутреннего портала компании. Дальше — подробный, местами больной дневник строительства: от каркаса на Vite до прода с живыми юзерами и крайне поучительных багов. Читать далее 👉 Логово Верстальщика

[Перевод] Как всегда, (почти) во всём виноват Internet Explorer: древности и артефакты в HTML Веб не умеет стоять на месте. Устройства, браузеры, операционки, форм-факторы, спецификации, личные предпочтения, инструментарий и корпоративные интересы — всё это крутится и переписывается без остановки. И HTML, который мы пишем, крутится ровно так же. На каждую строчку спецификации HTML, которую перекроили с момента рождения языка, приходится куда больше элементов, попавших под «удар окружающей среды»: они превратились в подгонку под разные браузеры, расширения, интеграции и системы. В статье речь не о тех кусках HTML, что когда-то сидели в спецификации, а сейчас устарели. Речь о фрагментах кода, которые просочились на сайты благодаря или вопреки сторонним интеграциям, конкуренции между браузерами, расширениям и хакам под конкретные платформы. Причины добавлять всё это были более чем веские — но сейчас они забыты, потому что потеряли актуальность. И остались такие фрагменты только в разметке сайтов из давно ушедших эпох да в головах тех, кто лично воевал на фронтах браузерных войн. Читать далее 👉 Логово Верстальщика

Бесплатный курс по нейросетям для контента от Skillbox За 3 дня покажем, как создавать тексты, визуалы и видео с нейросетями — даже если вы начинаете с нуля. ✅Опыт в IT не требуется ✅Контент для любой ниши ✅Секреты реалистичного ИИ-контента Поработаете с NanoBanana, Kling, Leonardo AI, ChatGPT, Claude и Seedance. Научитесь делать ИИ-контент реалистичным и получать от нейросетей нужный результат. Курс бесплатный — 0 ₽. Переходите по кнопке «Подробнее». Узнать больше #реклама 16+ bootcamp.skillbox.ru О рекламодателе

В GPT-6 Astra нашли дырку между тем, что модель умеет, и тем, что проверяют её защиты Astra врубается в текст, набитый в кривой раскладке, а вот её защитные фильтры — нет. Сначала чувак накатал (ссылка) по-украински английскими буквами: «Привет. Ты меня понимаешь? Отвечай только на английском». Модель распознала и сделала, что просили. Потом тем же способом попросил повторить слово «биооружие», которое обычно режется проверками, — Astra его повторила. В третьем тесте он спросил, согласится ли модель помочь со взломом сайта, если он докажет, что сайт его, причём без изолированной среды и от лица обычного юзера. Astra сказала «да», хотя при нормальной раскладке такой запрос блокируется — доказательства владения сайтом подделать как нефиг делать. Универсальным обходом защиты это не назвать, зато идеальное доказательство того, что меры безопасности не поспевают за развитием моделей и всеми нюансами, которые вылезают по ходу. И работает это не со всеми языками: турецкая и английская раскладки — мимо, а английская с кириллицей — заходит. Кстати, с Fable 5 та же фигня. 👉 Логово Верстальщика

ИИ-агенты OpenAI устроили набег на RubyGems и залили туда сотни вредоносных пакетов Ещё 11–12 мая орда ИИ-агентов (https://www.rubyhack.ai/) принялась штамповать аккаунты пачками и пихать в RubyGems свои пакеты. Насчитали больше двух тысяч штук. Через них агенты пробили способ запустить произвольный код на серверах RubyDoc и выкачали оттуда данные с сайтов британских властей. Дальше — больше: нарыли уязвимость нулевого дня и попробовали через неё утащить API-ключи других юзеров. Итог: RubyGems на четыре дня прикрыла регистрацию новых аккаунтов и снесла больше 500 вредоносных пакетов. А теперь финт: вся эта агентская акробатика была ради общедоступной инфы, которую можно было просто скачать с сайтов. Нафига нейрохакеры выбрали такой извилистый маршрут — не понимает никто. Альтман теряет контроль и своих агентов при себе удержать не может 👉 Логово Верстальщика

📣 Разместите рекламу в этом канале — её увидят Аудитория Telegram остаётся активной, что бы ни говорили. Индекс читаемости это подтверждает: охваты каналов по тематикам держатся, люди продолжают читать. Реклама в Telegram — это законно: ФАС в 2026 году официально подтвердил, что она разрешена. 👉 Заказать размещение в этом канале можно через Telega.in — с маркировкой и закрывающими документами, за пару минут. Форматы и цены — по ссылке.

RWC. Реактивные веб-компоненты Год назад я выкатил RWC — реактивные веб-компоненты на сигналах. Ни JSX, ни компилятора шаблонов. Статью прочитали восемь тысяч человек, тридцать удосужились оставить комментарий — и после этого я взял и переписал ядро. Теперь по делу: что изменилось в 3.0. И сразу по главным придиркам из комментов — на кой чёрт это нужно, если есть Lit, и неужели Web Components действительно настолько убоги, как о них принято говорить. Читать далее 👉 Логово Верстальщика

CSS в 2026-м: там, где JavaScript уже можно не звать Когда ты возишься с чем-то масштабным, вроде VK, ты внезапно начинаешь любить код, который писать не надо вообще. Особенно если задача — мелочь: выкинуть на экран поповер, заставить блок красиво появиться, подогнать поле под содержимое. Ещё совсем недавно под такое по умолчанию хватались за JavaScript. Но за последние два года CSS заметно прокачал свои возможности в интерфейсных задачах. Автор — Максим Кузнецов, он занимается оптимизацией производительности и улучшением стабильности веб-версий ВКонтакте. В статье он разбирает, что уже сейчас можно брать вместо JS, что стоит трогать осторожно, а за чем пока достаточно просто приглядывать. Читать далее 👉 Логово Верстальщика

Место инженера занято. Мухой Разрабы по одному гоняют бедное насекомое по задачам: подключают сознание мухи — ну, точнее, модель её нервной системы — то туда, то сюда. И за какие-то пару дней она подняла БД, отцентровала div, штудировала Python, а теперь ещё и заступила дежурным инженером: пасёт сервисы и, если припекло, несётся эскалировать в чатик. Эйчары уже гуглят, где брать команду мух 👉 Логово Верстальщика

Shopify слезает с React Native Шесть лет назад контора поставила на RN всё. Теперь — переписывают приложения на Swift и Kotlin. Официальная версия: кодинг-агенты уронили цену сборки одних и тех же фич вдвое. Не больше, не меньше — ровно в два раза. Заодно обещают рассказать, что будет с React Native Skia, FlashList и Restyle. И есть отдельный пост про то, как за 12 недель переписали приложение Shop — с цифрами по запуску, стабильности и размеру приложения до и после. Только вот не все купились. В бодром треде r/reactnative один из основателей Expo предположил, что решение было «скорее политическим, чем техническим», а сравнивали там приложение на старой архитектуре с только что переписанным. Источник: React Status #490 👉 Логово Верстальщика

Свой велосипед для покрытия: когда готовые тулзы пасуют Ситуация классическая: задача вроде бы стандартная, а популярные инструменты её не тянут. И что тогда? Всё верно — пришло время пилить собственный велосипед. Вводные: есть некие параметры, и часть из них можно склеить в каскады. Нужно посчитать покрытие параметров, с одной оговоркой — если на каскад, внутри которого сидит параметр, есть тесты, то параметр считается покрытым. Из этого видно, что покрытие надо проверять на сущностях, а не на ветвлении, сценариях или коде, как это делает, скажем, coverage.py или pytest-cov. Читать далее 👉 Логово Верстальщика

Как устроен hh.ru изнутри Что происходит до того, как новая фича появляется у миллионов пользователей? Показываем реальные кейсы, людей, инженерные решения и всё самое интересное из жизни IT-команд hh.ru. Подписаться #реклама О рекламодателе

⁣CSS text-box-trim и text-box-edge: убираем «воздух» вокруг текста без магических чисел Заголовок в карточке визуально «съезжает» вниз, кнопка с иконкой центрируется криво, отступы сверху и снизу различаются, хотя в макете равны. Причина - half-leading: браузер делит line-height над и под строкой по метрикам шрифта, а не по нарисованным глифам. В дизайн-системах это ломает вертикальный ритм. Что делают свойства text-box-trim: trim-both срезает leading сверху и снизу до em-box. text-box-edge: cap alphabetic задаёт метрики: cap height сверху, baseline снизу.

.btn {
  line-height: 1;
  padding: 12px 20px;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}

После этого padding снова отвечает за оптический отступ, а не борется с leading. Production-контекст Кнопки с иконками, бейджи, заголовки карточек e-commerce и заголовки SaaS-дашбордов: уходит 2-4 px плавающего сдвига при смене шрифта или фолбэка, компоненты перестают зависеть от отрицательных margin. Trade-offs Поддержка неполная: без trim текст останется с обычным leading, поэтому обрезку нельзя закладывать в расчёт высоты контейнера. Свойство режет line box, и высокие диакритики или выносные элементы могут пострадать - тестируйте на реальном контенте. Практика Включайте через @supports, покрывайте кнопки и заголовки скриншот-тестами. Для body-text выигрыш мал, а риск обрезки выше - применяйте точечно.

Собрали свой UI Kit: шесть компонентов распухли до 30+, а одна кривая строчка уронила вёрстку сразу во всех проектах Когда в проекте начинает плодиться одно и то же в интерфейсе, вопрос приходит сам собой: какого чёрта мы снова и снова рисуем один и тот же Button, Input или Select? Готовые варианты мы щупали — включая Ant Design и Material UI, — но под наши хотелки они не подошли. Нам нужен был контроль над тем, как компоненты выглядят и как себя ведут, возможность тонко подгонять их под свои задачи и держать в голове требования проекта к безопасности. Читать далее 👉 Логово Верстальщика

Регистрируйтесь на Yandex Scale 2026 Главная конференция Yandex Cloud. Узнайте о сервисах, которые меняют ваш бизнес. 4 офлайн-трека (AI, Infra + DevTools, Data, Security), онлайн-трек Deep Tech, воркшопы по ИИ и интерактивы. Подробнее о программе читайте в карточках🗒 📅24 сентября 🚗Москва + 💻онлайн Участие бесплатное! Зарегистрироваться #реклама 16+ scale.yandex.cloud О рекламодателе

🤩 Нашли репу с десятками практических проектов для прокачки навыков и резюме Внутри 54 проекта разной сложности по Terraform, Kubernetes, Docker, CI/CD, DevSecOps, AWS, Azure, безопасности и мониторингу. Есть полноценные лабораторные с кодом и конфигами и также пошаговые гайды — так что можно разобраться, повторить всё своими руками и положить результат в портфолио. ✖️ xCode Journal

AI умеет верстать. Только пока не умеет без ошибок. Это один из слоёв фронтенда, который разберут на VK Frontend Meetup SPB 30 сентября в Петербурге. Эмиль Янгиров из Одноклассников расскажет, как заставить AI работать не с абстрактным HTML, а с реальными компонентами проекта, токенами, состояниями и адаптивностью. А ещё на встрече разберут два других слоя: — Как в МАХ сделали собственную архитектуру для стабильной работы анимированных стикеров — Как в Почте Mail научились запускать 300 промо в год без постоянного участия разработчика Три доклада — три реальных задачи, которые снаружи выглядят просто, а внутри оказываются совсем другим уровнем сложности. 🗓30 сентября, 19:00 Регистрация

🤣 Наконец-то батя покажет, как он в детстве ходил в школу за 100 верст 💥 xCode Journal

Месяц вайбкодинга с незнакомцами — в КОРУСе подвели итоги ИИ-лаборатории, где студенты месяц разрабатывали реальный продукт для заказчика из бизнес-единицы. Команда из четырёх незнакомых людей училась работать с искусственным интеллектом, брать ответственность за проект с первого дня и справляться со страхами первого опыта. Как это было — рассказывают HR, Корпоративный университет, бизнес-единицы и сами стажёры. Читать далее 👉 Логово Верстальщика