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

Личный блог автора - @just_genych
По вопросам рекламы или разработки: @g_abashkin
Download Telegram
React 19.3 — уже в npm. View Transitions и Fragment Refs год назад закинули как экспериментальные API с прицелом на React. Теперь обе штуки дослужились до стабильного статуса в React 19.3.

В статье разбирают, как они работают, и заодно прочие заметные изменения этого релиза.

Читать далее

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
OpenAI тоже решила не отставать и притащила новый релиз: знакомьтесь — GPT-6 Sol и Luna.

Sol подешевела примерно вдвое: $2/$10 за 1 млн токенов. Luna просела по цене ещё жёстче — до $0.1/$0.5.

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

Обе модели уже в подписках и API, а Luna — ещё и на бесплатном тарифе.

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
12 CSS-фич, которые позволят отказаться от зависимостей

В Frontend Focus #759 от 23 сентября 2026 года завезли текст Flavio Copes — «12 CSS Features You Can Use Today with No Build Step». Тема такая: часть CSS-возможностей пихай в прод хоть сейчас, а заодно и от куска тулчейновых зависимостей можно избавиться. Из примеров: нативная вложенность вместо Sass и :has() вместо костылей с классами-обёртками.

Там же в выпуске: релиз-ноты WebKit с улучшениями Safari 27 — новый MCP-сервер, scroll anchoring, кастомизируемый элемент и sizes="auto" для картинок; предложение команды Edge добавить атрибут previewsrc, чтобы браузеры сами показывали размытые превью изображений; а ещё разбор про root scroller и про то, как заурядные CSS-паттерны могут передать прокрутку другим элементам.

👉 Логово Верстальщика
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN 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)
👍1