gram news
Аватар канала Логово верстальщика

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

@webdevlair

Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке. Личный блог автора - @just_genych По вопросам рекламы или разработки: @g_abashkin

8,010подписчиков

Открыть канал

Последние посты

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

    22 сент., 17:07

    Китайцы за пару дней выкатили аж ДВЕ нормальные модели — судя по всему, в ИИ-гонке они замедляться не намерены и вкалывают вообще без выходных.Qwen3.8-LiveTranslate — штука для синхронного перевода в реальном времени. Держит 60 языков, различает, кто из говорящих сейчас вещает, и в переводе сохраняет их настоящие голоса. Средняя задержка просела с 2,8 до 2,3 секунды.Qwen-Image-2.1 — свежая облегчённая модель для генерации картинок, и она обставляет Nano Banana 2.0. Рисует нативно в 2K, умеет прозрачный фон, переваривает сразу 10 референсов и точечно правит те области, которые отметили. На HF уже выложили. Ждём на неделе мощную ответочку👉 Логово Верстальщика
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    22 сент., 13:07

    AgentCloak выкатил бесплатное браузерное расширение: личные данные больше не улетают в промпты к ИИКак говорит разработчик, прямо в браузере крутится небольшая ИИ-модель — локально. Она выцепляет имена, номера счетов и прочую личную требуху и подменяет её ненастоящими значениями ещё до того, как запрос куда-то уйдёт.Ответ пришёл — расширение откатывает всё назад и подсовывает оригинальные данные. Из поддерживаемого: ChatGPT, Claude, Gemini, Grok, DeepSeek и другие модели. Регистрироваться не нужно. incountry.com👉 Логово Верстальщика
  • Логово верстальщика

    22 сент., 09:07

    Байка о npm‑либе morphing‑scrollАвтор трещит про свою npm‑библиотеку. На момент статьи это его второй npm‑проект — и самый сложный. В кишки кода он не полезет: в тексте — как оно создавалось и с какой мотивацией.Читать далее👉 Логово Верстальщика
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    22 сент., 05:20

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

    21 сент., 17:07

    Зачем держать localhost взаперти, если Cloudflare раздаёт туннель бесплатно? Всё, что крутится у тебя на машине, выставляется наружу для кого угодно. Хватит одной команды:cloudflared tunnel --url http://localhost:8000Дальше крути с этим что хочешь: локальные проекты, тестирование вебхуков, демонстрация клиентам, как там у тебя всё работает, быстрые превью и доступ ИИ-агентов к локальным приложениямtry.cloudflare.com👉 Логово Верстальщика
    325видео1Открыть в Telegram
  • Логово верстальщика

    21 сент., 07:42

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

    20 сент., 13:07

    Claude Code наконец-то завёз поддержку AGENTS.mdНикаких допнастроек: теперь Claude Code по умолчанию первым делом читает AGENTS.md, а если файла нет — подхватывает CLAUDE.md.Доступно с версии 2.1.277. 💬
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    20 сент., 09:07

    «ИИ-агенты закроют до половины текущих операционных процессов» — такую цель обозначил Станислав Макеев, директор по технологиям и AI-трансформации Яндекс Лавки, на недавнем deep tech night.По его словам, Лавка уже перекраивает процессы под то, чтобы решения в бизнесе принимал ИИ.Скажем, в коммерции агент будет разбирать спрос, возиться с ассортиментом, искать поставщиков и готовить предложения. А человеку оставят самое ответственное — сложные переговоры. Правда, это пока хотелки: на текущий момент агент просто клепает управленцу короткие бизнес-справки с рекомендациями по действиям.Хотя кое-что уже автоматизировали. Поиск потерявшихся посылок раньше вручную разгребал десяток человек на фуллтайме. Теперь этим занимается агент. Будущее, блин, уже тут 😨👉 Логово Верстальщика
  • Логово верстальщика

    20 сент., 06:37

    🤣 Типичный ИИ💥 xCode Journal
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    19 сент., 18:07

    ⁣content-visibility: auto: рендер-виртуализация без JSБраузер по умолчанию считает layout и paint для всей страницы, даже если 80% контента за фолдом. content-visibility: auto говорит: пока элемент не «релевантен пользователю», пропускай style/layout/paint его поддерева. DOM, a11y-дерево и поиск по странице при этом работают - в отличие от content-visibility: hidden.Но есть цена: у пропущенного элемента нет внутреннего размера, и его block-size схлопывается. Скроллбар прыгает, scrollHeight врёт, anchor-ссылки и scroll-restore уезжают.Лечится contain-intrinsic-size - placeholder-размер, который подставляется вместо настоящего, пока секция не отрендерена:.feed > article { content-visibility: auto; / 420px - оценка; после первого рендера запомнится реальная высота / contain-intrinsic-size: auto 420px; }Ключевое слово здесь - auto. Без него placeholder всегда будет тем, что вы
  • Логово верстальщика

    19 сент., 14:37

    🦾 Нашли бесплатный опенсорсный инструмент для поиска вакансийJobSync сам мониторит вакансии компаний на разных площадках, ИИ сравнивает их с вашим резюме и вытаскивает наиболее подходящие. Внутри ещё есть трекер откликов, разбор резюме, генерация сопроводительных и статистика поиска работы — короче, полный фарш.Всё бесплатно, опенсорс.✖️ xCode Journal
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    18 сент., 17:07

    Кроссбраузерные баги: какого чёрта они всё ещё живыЗапустил фичу — и привет. Бэкендер со своим Firefox заявляет, что у него «ничего не работает». Или юзер с Safari ноет, что ему неудобно. Да и ладно: лезу в поиск, выкапываю причину, затыкаю баг — и дальше пилю в Chrome, как будто так и надо.В статье разбираемся, с чего это в 2026-м проблемы кроссбраузерности никуда не делись, и пытаемся въехать, как ловить эти ошибки ещё до того, как они вылезут.Читать далее👉 Логово Верстальщика
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    18 сент., 13:07

    Игнорите эти HTML-элементы — и зряПро семантическую вёрстку этот человек талдычит уже лет десять. Но в последнее время — молчок, ни строчки по теме. И вот решил наконец закрыть этот должок.В нынешних веб-интерфейсах ему постоянно попадается один и тот же джентльменский набор: header, main, nav, footer. Бывает, что и button затешется — правда, пореже остальных, но всё-таки.А сегодня он разберёт ещё парочку элементов, которые по какой-то причине почти никто не трогает. Хотя с ними вёрстка выйдет ещё семантичнее — а значит, и интерфейсы станут ещё лучше. Читать далее👉 Логово Верстальщика
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    18 сент., 09:07

    ⁣CSS :user-invalid и :user-valid: отложенная валидация без JS и без мигания ошибокКлассическая боль любой формы: input:invalid срабатывает сразу при рендере. Пользователь ещё ничего не вводил, а поле уже красное. Дальше - три костыля на выбор: :not(:placeholder-shown), класс .touched из JS или novalidate + ручная валидация.Селекторы уровня 4 закрывают это нативно.Как это работает:user-invalid матчится, только если элемент одновременно:1. кандидат на constraint validation и сейчас невалиден, 2. был «изменён пользователем» (user interacted).Второй пункт - ключевой. По HTML-спеке флаг выставляется, когда пользователь изменил значение или попытался отправить форму. То есть до первого реального действия с полем оно остаётся нейтральным, а после сабмита все проблемные поля подсвечиваются разом - именно тот UX, к которому мы руками приходили через JS.:user-valid - зеркало:
  • Логово верстальщика

    17 сент., 17:07

    ФП-жаргон: теперь это не список, а карта Каррирование, чистота, функторы, монады — если эти термины свистят мимо тебя, у Hemanth HM, делегата TC39, припасён популярный справочник по жаргону функционального программирования. И вот он дорос до исследовательской карты концепций: видно, чем одно цепляется за другое, а рядом с каждой — простое определение и пример на JavaScript.В JavaScript Weekly #802 от 15 сентября 2026 года прицепом идут другие заметки: атакующие прощупывают открытые Vite dev-серверы, вынюхивая обход server.fs.deny (залатано в Vite 7.3.2 и 8.0.5), npm вешает на аккаунт 72-часовой «security hold» после удачного входа по recovery-коду, Safari 27 уже вышел, а TC39 через две недели сядёт в Токио. Плюс к этому: Tailwind Labs присоединяется к Shopify.👉 Логово Верстальщика
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    17 сент., 09:28

    Когда CSS умел запускать JavaScriptВ 758-м выпуске Frontend Focus от 16 сентября 2026 — материал Declan Chidlow «CSS Curiosities of the Past». Экскурсия по нестандартным CSS-курьёзам, которыми разработчики заставляли браузеры — и особенно Internet Explorer — вести себя как надо. В списке: «star hack», CSS-выражения (это JavaScript в вашем CSS), DirectX-фильтры IE и легендарный хак box model.Теперь рубрика «IN BRIEF». Приехал Safari 27 — вместе с iOS, iPadOS и macOS 27. В комплекте: кастомизируемые элементы, sizes="auto" для изображений, псевдокласс :heading, alpha() и многоцветный color-mix(). Apple заодно выкатила детали о том, как подцепить AI-агента к Safari ради тестирования и отладки. Отметился и Chrome 153 — притащил одноосные контейнеры прокрутки, правда, пока только в нестабильных каналах, а Chrome 154 уже в бете. Совет директоров Automattic отправил CEO Мэтта Мулленвега в
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    16 сент., 17:07

    Инженер DeepSeek: Anthropic с AGI в руках — спасибо, не надоИнженер из DeepSeek высказался без обиняков: отдавать Anthropic власть над AGI он не желает. Развитие ИИ, считает он, тащит общество к одному из двух полюсов. Полюс первый — всеобщее благополучие: производительность растёт, а вместе с ней и уровень жизни. Полюс второй — Cyberpunk 2077: ресурсы и лучшие ИИ-системы прибрали к рукам несколько технокорпораций, а большинству достались модели похуже.По его мнению, продвинутый ИИ обязан быть открытым, дешёвым и доступным каждому. Anthropic и OpenAI он прямо назвал теми, кому не доверяет, а возможный контроль Anthropic над самыми мощными системами сравнил с тем, как если бы Гитлер получил атомную бомбу раньше союзников. Правда, сам же и оговорился, что сравнение — преувеличение.Именно желанием делать ИИ мощным, быстрым и общедоступным он объяснил, почему остался в DeepSeek. По
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    16 сент., 13:07

    Очередной исследователь хлопнул дверью в топовой ИИ-лаборатории и заявил, что ИИ способен ВЫПИЛИТЬ НАС ВСЕХБилал Чугтай свалил (ссылка) из Google DeepMind, где он, вообще-то, занимался безопасностью ИИ. Говорит, что буквально через пару лет на сцене могут появиться сверхразумные системы, которые уделывают людей с гигантским отрывом. И нет, это как минимум ТРЕТИЙ такой громкий уход за неделю: за несколько дней до этого ушли ребята из Anthropic — Джо Бентон и Джейкоб Коксон, и они прямо обвинили ведущие ИИ-компании в гонке к сверхразуму, финал которой — уничтожение человечества. Словом, из-за этих заявлений раскрутилась целая цепочка разговоров, которая докутилась аж до Трампа.Если вдруг пропустили, коротко: Амодеи выпустил (ссылка) заявление о том, что разработку ИИ надо бы притормозить. Сэм Альтман, Илон Маск, Демис Хассабис и Андрей Карпаты его поддержали. А вот Трамп и Китай —
    Иллюстрация к посту канала Логово верстальщикаИллюстрация к посту канала Логово верстальщика
  • Логово верстальщика

    15 сент., 17:07

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

    15 сент., 09:07

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