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

Личный блог автора - @just_genych
По вопросам рекламы или разработки: @g_abashkin
Download 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