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

Личный блог автора - @just_genych
По вопросам рекламы или разработки: @g_abashkin
Download Telegram
Claude Opus 5.5 не где-то там — она уже здесь, и в большинстве бенчмарков она укладывает на лопатки и Fable 5.1, и GPT-6 Astra.

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

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

Источник

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Кто-то из Anthropic скинул годный трюк для Opus 5.5. Суть простая: в Claude Code дёрни /claude-api-prompt-audit (пост в X).

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

Прибираемся

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
⁣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)
👍2
Please open Telegram to view this post
VIEW IN TELEGRAM
Инженеры теперь работают Enter-ом — код никто не пишет, все просто болтают с Claude по 12–13 часов в день

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

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

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1
⁣Анимация 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)
👍1👎1😁1
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1
500+ баксов в месяц за ChatGPT? Не, у нас столько не завалялось

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

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

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