Логово верстальщика
7.8K subscribers
1.22K photos
75 videos
4 files
2.06K links
Логово верстальщиков: HTML, CSS, JavaScript, практики современной верстки, вайбкодинг и использование ИИ в разработке.

Личный блог автора - @just_genych
По вопросам рекламы или разработки: @g_abashkin
Download Telegram
Автор ковыряет вёрстку с тех самых времён, когда Chrome был ещё первой версией, а не монополией. И честно признаётся: современному фронтендеру уже не понять, что они с коллегами тогда испытывали.

Это были не просто разработчики, а ходячие справочники рецептов: «вот этот баг в конкретном браузере лечится вот так, и не спрашивай почему».

Но не всё было мраком. В том легаси закопали кучу годных приёмов — их просто засыпало временем, фреймворками и горами зависимостей. Автору от этого грустно, поэтому он пришёл разгребать.

В статье — старые возможности HTML и CSS, которые сегодня работают не хуже любого нового хайпа.

Читать далее

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
Как вставлять иконки в веб, не трогая HTML

Ли Веру показывает трюк: иконки настраиваются через кастомные свойства --icon, @property, style queries и mask. Разметку не трогаем вообще — только CSS.

На выходе получается чистая система иконок, которая, по её словам, «более гибкая и поддерживаемая, чем то, что вы использовали». Ну конечно, твоя свалка из инлайновых SVG и спрайтов, собранная в 2019-м, — тоже вариант, но давай честно.

Материал вышел в Frontend Focus #762 от 14 октября 2026 года.

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2
Deno уходит в Cloudflare. С приветом от Node

Спойлер: в Cloudflare команда Deno едет не ковырять дальше Deno. Задача — прикрутить celld к workerd, чтобы вы могли сами разворачивать Durable Objects. Остальное — по списку: рантайм Deno получает год официальных патчей, как сантехника по гарантии, Deno Deploy выключат через полгода, а JSR пересаживают на инфраструктуру Cloudflare.

На Hacker News Райан Даль, не моргнув, признал, что Deno «затянуло в гравитационный колодец совместимости с Node». И сразу добил вопросом: «Зачем переписывать Node? Он работает». Десять лет революции, итог — новый рантайм мечты плагин к чужому воркеру.

JavaScript Weekly #806

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
Карандашный набросок, который заливается акварелью: разбор эффекта на SVG без библиотек

Жил-был автор, которому приспичило сделать интерактивную открытку на день рождения. И не просто «картинка появилась» — нет, ему подавай кино: сначала карандашные линии прорисовываются, а потом по тапу сверху натекает акварель, да ещё с рваным краем, как у краски, впитавшейся в бумагу. Красиво, чёрт возьми.

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

Собрал всё в итоге на чистом SVG, паре фильтров и небольшой горсти JS. В статье — пошаговый разбор с кодом и честный список грабель, которые автор старательно собрал лбом.

Читать далее

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
React 19.3 выкатился 9 сентября 2026-го. И вот в чём беда: если ты следишь за React только по громким релизам, ты в момент прощёлкаешь, как библиотека тихо разворачивается в другую сторону. 19.3 — ровно такой случай.

Из интересного автор выцепляет пару хуков: ViewTransition и Fragment Refs. Плюс новые плюшки для SSR, Server Components и работы с браузерными API.

Читать далее

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
В SuperSet 6.0 завезли возможность пихать HTML прямо в метрики и измерения сводных таблиц. Автор утверждает, что это прям развязало руки BI-разработчикам в деле форматирования.

В статье — как собрать сводную таблицу со сменой периодов и выводом красивой дельты. На дельтах, Jinja и HTML. Никакой магии, просто нормальный инструмент, о котором многие не догадывались.

Читать далее

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from xCode Journal
🤣 Эффективное распределение ресурсов выглядит так

💥 xCode Journal
Please open Telegram to view this post
VIEW IN TELEGRAM
Автор популярных книг по программированию признался, что из-за ИИ больше не знает, чему учить начинающих разработчиков

Торстен Балл рассказал, что регулярно получает письма от джунов с просьбой дать карьерный совет. Раньше ответ был как из методички: учи языки, пиши код, иди в опенсорс — и работа сама тебя найдёт. Теперь эта схема дружно идёт лесом: до 50% знаний, в которые он вкладывал годы, уже не так важны.

Так что вместо очередного языка он советует прокачивать то, что ИИ пока не отобрал:

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

Делаем выводы

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
«Мы бы умерли от страха»: в Google Labs придумали, как благодарить лучших сотрудников — их зовут на встречу, оформленную как вызов на ковёр перед увольнением.

Вице-президент Google Labs рассказывает: сотруднику внезапно ставят созвон с 4–5 руководителями, без повестки, без темы, без «добрый день». Человек заходит, мысленно прощаясь с ипотекой, а начальники по очереди поют ему дифирамбы: какой ты молодец, как мы тебя ценим. Сюрприз, мать его.

Гениальный менеджмент, конечно. Сначала доведи сотрудника до состояния «готов писать заявление прямо в чате», а потом удивляйся, почему у него дёргается глаз от любого календарного приглашения.

Интересно, сколько народу за эти пару минут успели обновить резюме или словить микроинфаркт

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
OpenAI показала, как устроила «генеральную уборку» в коде с помощью ИИ: за две недели выпилили больше 800 тыс. строк

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

Результат: один из контейнеров похудел на 48%, а медианное время CI-проверок упало с 10 до 4,5 минуты. Советы и готовые промпты — в блоге. Идём разгребать свой цифровой хлам

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣 Явный признак

💥 xCode Journal
Please open Telegram to view this post
VIEW IN TELEGRAM
😁1
🥲 Джунов стали нанимать втрое меньше из-за ИИ

Anthropic выпустила большое исследование о том, как Claude меняет работу внутри компании. Главное:
— Доля джунов среди программистов упала с 27% до 9%. При этом компания продолжает активно нанимать людей, но всё чаще отдаёт предпочтение мидлам и сеньорам.

— Сами ИИ-агенты уже работают в 6 раз больше часов, чем сотрудники Anthropic, а в исследовательских подразделениях — в 19 раз.

— При этом количество коммитов на одного инженера выросло в 5 раз всего за (!) полгода. Причём даже нетехнические специалисты в 45 раз чаще используют Claude для автоматизации повседневных задач.


✖️ xCode Journal
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
TanStack Start 1.0 официально вылез из release candidate — просидел в этом статусе год, но кто вообще считает годы, когда у тебя наконец-то стабильный релиз.

Таннер Линсли рассказывает, как проект вырос из TanStack Router, и без лишнего пафоса признаётся про RSC: это была «та галочка, которую нам нужно было поставить, чтобы нас воспринимали серьёзно как React-фреймворк». Апофеоз честности: tanstack.com сам RSC больше не использует. Галочку поставили, можно и снять.

Дальше цифры, которые приятно тыкать в лицо скептикам. Одно и то же приложение на Start и Next.js 16.4: Start вывез в 2,9–8,6 раза больше динамических запросов и собрался примерно в 1,7 раза быстрее — причём с включённой проверкой типов, а не в режиме «лишь бы завелось».

Переезжать есть куда и с чем: официальные гайды по миграции с Next.js и с RC. Sarthak Mishra вообще перетащил свой сайт с Astro и объяснил, почему не жалеет. Райан Карниато сформулировал лучше всех — назвал Start «React-метафреймворком с архитектурой, которую я могу принять». А в ветке r/reactjs Таннер пояснил, почему «1.0» в npm значится как 1.169. Семвер — это не про правду, это про переговоры.

Источник: React Status #494
☠️ Почти каждый пятый скилл оказался вредоносным

Специалисты VirusTotal изучили 36 тысяч скиллов и обнаружили, что почти 7 тысяч из них вредоносны. Причем нацелены они именно на вайбкодеров, так как 62% из них содержат промпт-инъекции для агентов. При этом самые хитрые из вайбхакеров прячут их прямо в документации, HTML-комментариях и с помощью невидимых Unicode-символов.

Собственно, прежде чем ставить скилл для ИИ-агента, просканируйте его во имя собственной безопасности

✖️ xCode Journal
Please open Telegram to view this post
VIEW IN TELEGRAM
❤1
🤣 Главное, переложить ответственность на кого-то другого

💥 xCode Journal
Please open Telegram to view this post
VIEW IN TELEGRAM
ИИ-бум: кто кого переживёт

Новый выпуск — про то, как «нейрослопный» хайп перепахивает работу в айти. По делу: что за зверь этот AI First SDLC, зачем в схему засунули Human in the LOOP (спойлер: чтобы хоть кто-то отвечал за этот цирк) и к чему готовиться, пока модели не научились сами себя ревьюить.

Смотреть: YouTube

👉 Telegram | 🌥 Claude и другие ИИ
Please open Telegram to view this post
VIEW IN TELEGRAM
Оригинальный движок GTA переписали на JavaScript

Да, кто-то реально взял и переписал движок Grand Theft Auto 1997 года на JavaScript и WebGL. Bramus подтягивает Liberty City прямо из демо-файлов самой игры — никаких ассетов «сверху», всё честно, как в 90-е. Поиграть можно по ссылке из выпуска, если вам мало страданий в рабочее время.

Отдельный респект Пэту Керру: его прототип для Atari ST 1996 года лёг в основу физики машин в оригинальной игре. И спустя годы он заново собрал его на JavaScript. Вот это я понимаю — не «переписать на современном стеке», а достать скелет из шкафа и заставить его крутиться в браузере.

JavaScript Weekly #808, 27 октября 2026

👉 Telegram | 🌥 Claude и другие ИИ
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2👍1
Забытые сторонние скрипты стали каналом доставки шпионского ПО

Схема проще, чем твой последний стендап. Атакующие скупают просроченные домены — те самые, что когда-то крутили аналитику, рекламу и виджеты. Домен протух, а тег на сайте остался. Итог: сайт бодро и молча тянет код атакующих, а ты думаешь, что у тебя всё под контролем.

Скотт Хелм из Frontend Focus напоминает прописную истину: иди и проверь, что там у тебя понавешано с 2019 года. Аудит таких тегов — это не паранойя, это гигиена.

Frontend Focus #764

👉 Telegram | 🌥 Claude и другие ИИ
Please open Telegram to view this post
VIEW IN TELEGRAM
TanStack Redact: браузерная замена React, которая весит меньше

TanStack выкатил Redact — drop-in замену React/React DOM прямо в браузере. Суёшь её в конфиг сборки (Start, Vite, Vinext и Next.js поддерживаются) и отгружаешь меньше JavaScript. Звучит как мечта, да?

Но есть нюанс: рендеринг синхронный, никакого time slicing. Так что compatibility guide вам в руки, иначе будете ловить весёлые сюрпризы. Автор — Tanner Linsley, так что хотя бы не ноунеймы с гаража.

На r/reactjs народ ожидаемо завёл шарманку «а кому это вообще надо» и «чем от Preact отличается». А один тестировщик взял и замерил: ре-рендеры жрут примерно вдвое больше CPU на двух продакшн-сайтах. Вот тебе и «легче». Меньше байт — больше процессора, классика жанра.

Источник: React Status #495

👉 Telegram | 🌥 Claude и другие ИИ
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1