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


Channel's geo and language: Russia, Russian
Category: Technologies


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

Related channels  |  Similar channels

Channel's geo and language
Russia, Russian
Statistics
Posts filter


Авторизованные курсы по оборудованию Eltex от дилера №1

Проводим учебные курсы, включающие практические занятия и лабораторные работы.

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

⚡Обучение в офисе или онлайн

⚡Опытный преподавательский состав

⚡Лабораторные работы - 50% времени

⚡Обучение юридических и физических лиц

Записаться

#реклама 16+
eltexcm.ru

О рекламодателе


Video is unavailable for watching
Show in Telegram
Claude теперь работает под надзором — и это, как ни странно, к лучшему

Anthropic выпустили плагин You Should Know. Он поднимает отдельного агента-надзирателя, который сидит поверх Claude и тыкает носом в то, что вы оба благополучно проспали в длинной сессии.

Так что критические ошибки и недоработки больше не растворятся в тумане к двадцатому сообщению. Включается одной командой:

/plugin enable cc-plugin-you-should-know@builtin

Для длинных сессий — маст-хэв

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


ИИ-пилоты не дают эффекта? Разбираем ошибки CIO

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

Присоединяйтесь к открытому уроку и узнайте, как CIO выстраивает ИИ-стратегию компании.

📅 19 октября в 19:00. Сергей Фегон разберёт:
- Как ИИ меняет роль CIO и требования бизнеса к IT-руководителю.
- Где ИИ даёт бизнес-эффект, а где остаётся экспериментом.
- Как связать ИИ-инициативы с IT-стратегией и измеримыми результатами.
- Что учитывать при внедрении: данные, архитектура, безопасность, стоимость, интеграция.

Вы научитесь выбирать приоритетные сценарии ИИ, оценивать их по эффекту, стоимости и рискам и переходить от пилотов к промышленному использованию.

✅ Запишитесь сейчас и наведите порядок в ИИ-инициативах!

Узнать больше

#реклама 16+
otus.ru

О рекламодателе


Cache Control в Claude Code — мод для тех, кто устал смотреть, как токены утекают в никуда, а сессия дохнет на середине разговора.

Что делает:
— рисует отдельную полоску для 5-минутного кэша Claude — видно, когда он ещё тёплый, а когда уже остыл;
— пингует уведомлениями, чтобы ты вовремя подкидывал дровишек и не давал кэшу остыть.

По сути, следит за твоим кэшем лучше, чем ты сам. И да, это реально экономит токены, а не «экономит» в маркетинговом смысле.

Ставится одной строкой:
npx claude-code-templates@latest --mod observability/prompt-cache-control

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


OpenAI устроила месяц подарков — 28 дней апдейтов и халявных ресетов лимитов

Тибо из OpenAI торжественно пообещал: каждый день либо заметный апгрейд для Codex/Work, либо сброс лимитов. Считайте, адвент-календарь для тех, кто считает кредиты как зарплату.

Anthropic, ну ты чё? Ждём ответку, а то щедрость что-то в одну сторону играет

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


Как писать стили в 2026: CSS Modules, CSS-in-JS, Tailwind и zero-runtime

Всем привет! Меня зовут Даниил Николаев, я frontend-разработчик в «Исходном Коде». И знаете что? Каждый kickoff нового проекта — это один и тот же цирк с конями. Один кекс топит за Tailwind, второй с пеной у рта защищает «чистоту и надёжность» CSS Modules, третий по старой памяти тянет свой CSS-in-JS, а четвёртый молча открывает .scss и просто выходит из созвона. Классика. Ничего не меняется годами.

В статье автору хватило смелости не разводить очередной срач про «красивый синтаксис». Вместо этого — инженерная правда: кто вообще платит за динамику? Сборка или браузер клиента? Вот это уже интересно.

Под капотом ключевых подходов для React (уровень middle и выше) разбирают:
— классические CSS Modules;
— styled-components, который уже торжественно уехал в maintenance mode;
— Emotion;
— Tailwind v4 на движке Oxide;
— и перспективный zero-runtime в лице Linaria и Vanilla Extract.

Плюс честно объясняют, что реально творится с CSSOM, reflow и рендером в браузере. А в финале — практическая матрица выбора. Без фанатизма, без хайпа месяца, без «а вот в твиттере сказали».

Читать далее

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


Моя эпопея с Elementor: 9 выводов после одного убитого сайта

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

Каталог поехал на WooCommerce. А главную, лукбук и баннеры я собрал руками в Elementor. Ради скорости закинул вёрстку в HTML-виджеты, докрутил стили — и на экране было ровно то, что мы и задумали. Отдал доступы и выкинул из головы.

Через пару недель прилетает: «кажется, я сломала сайт». Готовилась новая коллекция, надо было поправить текст на баннере. Она открыла виджет, увидела там гору div-ов и аккуратно подправила пару строчек. Заодно случайно снесла один закрывающий тег. Половина главной поплыла, подвал приземлился посреди лукбука.

И винить её не в чем: Elementor мы и брали ровно ради этого — чтобы она мышкой, без нас, меняла себе баннеры и тексты. Только я вручил ей конструктор, а внутри у него — обычный HTML. Формально Elementor, а по факту — та же ручная вёрстка.

Читать далее

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


😅 Айтишник отправил в одну компанию три одинаковых резюме и только одно дошло до финала

Опыт везде был один и тот же, отличались только формулировки и ключевые слова. Первое резюме сразу ушло в помойку из-за алгоритмов, второе получило отказ после предварительной переписки и тестового, так как «опыт не совсем подходит», а вот третье дошло до финала.

✖️ xCode Journal


🤣 Правильно расставленные приоритеты в моей жизни би лайк:

💥 xCode Journal


🤯 Люди взбунтовались против «пыточной для ИИ»

На GitHub заметили открытый проект AI Torture Chamber, где автор берёт локальные модели Qwen3 и искусственно усиливает внутри них сигнал, связанный с «болью», а потом смотрит, как модель страдает и на что она готова ради прекращения происходящего.

В какой-то момент эксперимент заметили защитники ИИ и начался настоящий БУНТ.

✖️ xCode Journal


Video is unavailable for watching
Show in Telegram
Подъехал официальный гайд по Claude Sonnet 5.5

Внутри без воды: в каких случаях выгоднее взять Sonnet, а где уже Opus. Как переползти с Sonnet 5, что подкрутить в настройках модели и как выжать из неё всё, на что она способна. Плюс приложили готовые промпты — бери и тырь.

Читать — и делай по уму.

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


🤣 Преподал урок информационной безопасности

💥 xCode Journal


Бумага и ручка: стартап заставил соискателей писать сопроводительные вручную

Стартап Dumb выдал кандидатам условие: никакого копипаста, письмо пишем ОТ РУКИ. И все из-за ИИ. Компания устала получать однотипные ИИ-отклики — одни и те же истории, одни и те же формулировки, — поэтому пришлось соорудить собственный фильтр против ChatGPT. Если коротко: хочешь в команду — берешь ручку, пишешь от руки и шлешь скан онлайн либо почтой.

Рынок сейчас такой, что почти никого это не отпугнуло, скорее наоборот: «Было ощущение, что кто-то на самом деле посмотрит то, что я должен был сказать, и что это не просто пройдет через какие-то автоматические фильтры», — заявил один из кандидатов.

Ждем славного возвращения кода на листочках

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


Сигналы добрались до React-Redux

В React Status #492 — React-Redux 9.4 Alpha притащил опциональный useSignalSelector, который работает на сигналах. Боль тут в том, что Redux на каждый dispatch гоняет вообще все смонтированные селекторы, а в крупных приложениях это уже влетает в копеечку. Свежий селектор — чисто по желанию: он отслеживает, к какому куску стейта лезет каждый селектор, так что после dispatch оживают только те, у кого данные реально поменялись. Автор — Mark Erikson. В Alpha 0 всё разжёвано, а Alpha 1 выкатили вчера — с ключевым багфиксом и починенными бенчмарками.

Ещё в выпуске: Next.js 16.3.6 прикрывает критический RCE в ImageResponse, если гоняешь next/og на Node — под раздачу попадают v16.2+, а релиз на следующей неделе добьёт ещё девять уязвимостей; React-интеграция Astro доросла до v7.0 — Babel на выход, Oxc на вход, плюс поддержка React Compiler через опцию compiler: true; Vercel вывела свою bug bounty в паблик — приватная и open-source программы теперь в одной упряжке. И отдельно чтиво: Helix про то, как Shopify переводит приложение с React Native силами LLM, «Props Are Not a Design System» про то, почему произвольные style-пропсы превращают каждую кнопку в одноразовую, и «AI, Open Source, and the Long Road to TanStack Charts».

Редакция уходит на неделю передышки и вернётся в пятницу, 9 октября.

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


500+ баксов в месяц за ChatGPT? Не, у нас столько не завалялось

Запуска пока нет. Но новый тариф уже просочился через внутренние конфиги ChatGPT. В описании сулят «самый быстрый» ChatGPT и Codex, и, судя по всему, лимиты побольше.

Вайбкодинг вытянет все деньги — и наши, и ваши

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


⁣Анимация auto без JS: interpolate-size и calc-size()

Годами transition: height .3s c height: auto не работал: keyword-значения размеров анимируются дискретно, поэтому свойство просто прыгало. Лечили это замером scrollHeight в JS или grid-трюком 0fr → 1fr.

В Chromium 129 появились две CSS-фичи, которые закрывают задачу на уровне стилей.

1. interpolate-size: allow-keywords

Переключатель, разрешающий интерполировать keyword-значения размеров (auto, min-content, max-content, fit-content) с обычными длинами. Свойство наследуемое, поэтому вешают на :root:

:root {
interpolate-size: allow-keywords;
}

.panel {
block-size: 0;
overflow: hidden;
transition: block-size .3s ease;
}

.panel.is-open {
block-size: auto;
}

Работает для width/height/inline-size/block-size и их min-/max- вариантов. Под капотом auto трактуется как calc-size(auto, size)


Инженеры теперь работают Enter-ом — код никто не пишет, все просто болтают с Claude по 12–13 часов в день

Один бигтех-инженер поведал, во что превратилась его работа, когда ИИ вкатили тотально. Claude Code тащит буквально всё: код, тесты, спеки, отчёты, тикеты — и сам же эти тикеты закрывает. А люди эту гору уже почти не успевают прочитывать. От разработчиков требуют гнать код побольше и побыстрее, поэтому инженеры от L1 до L7 заняты одним и тем же — треплются с Claude и долбят Enter.

Даже Маск не прошёл мимо и назвал происходящее жестью. «Никто не исправляет баги. На самом деле, никто больше не думает. Всё делает LLM. Это так выматывает душу. Честно говоря, я бы не возражал, если бы нам хотя бы давали время проверить код и посмотреть, куда что идёт. Но нет», — пишет бедолага. Ждём, когда все эти вайбкод-системы и приложения рухнут

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


⁣CSS :nth-child(An+B of S) - сложные выборки без JS

Раньше «каждый второй среди подходящих» требовал либо доп. классов, либо скрипта. В Selectors 4 это решается одним селектором:

:nth-child(An+B of S)

где S - селекторный список. Браузер сначала фильтрует соседей по S, а потом нумерует оставшихся и применяет An+B.

Порядок работы

1. Берутся все соседи элемента по родителю.
2. Остаются только те, кто матчится под S.
3. Оставшиеся нумеруются в порядке документа, к ним применяется An+B.

Индекс считается только по совпавшим - остальные для нумерации не существуют.

Пример

/* 1, 3, 5… среди карточек с классом featured */
.card:nth-child(odd of .featured)


Кто-то из Anthropic скинул годный трюк для Opus 5.5. Суть простая: в Claude Code дёрни /claude-api-prompt-audit (пост в X).

После этого агент пройдётся по твоим скиллам, CLAUDE.md, AGENTS.md и промптам. Устаревшие инструкции и антипаттерны снесёт — те, что только мешают и токены жрут.

Прибираемся

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


Claude Opus 5.5 не где-то там — она уже здесь, и в большинстве бенчмарков она укладывает на лопатки и Fable 5.1, и GPT-6 Astra.

И да, приятный бонус: обновка стоит дешевле, чем Opus 5.

А сверху каждому накинули один сохранённый сброс лимита.

Источник

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

20 last posts shown.