CSS
Раньше «каждый второй среди подходящих» требовал либо доп. классов, либо скрипта. В Selectors 4 это решается одним селектором:
где
Порядок работы
1. Берутся все соседи элемента по родителю.
2. Остаются только те, кто матчится под
3. Оставшиеся нумеруются в порядке документа, к ним применяется
Индекс считается только по совпавшим - остальные для нумерации не существуют.
Пример
: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
Инженеры теперь работают Enter-ом — код никто не пишет, все просто болтают с Claude по 12–13 часов в день
Один бигтех-инженер поведал, во что превратилась его работа, когда ИИ вкатили тотально. Claude Code тащит буквально всё: код, тесты, спеки, отчёты, тикеты — и сам же эти тикеты закрывает. А люди эту гору уже почти не успевают прочитывать. От разработчиков требуют гнать код побольше и побыстрее, поэтому инженеры от L1 до L7 заняты одним и тем же — треплются с Claude и долбят Enter.
Даже Маск не прошёл мимо и назвал происходящее жестью. «Никто не исправляет баги. На самом деле, никто больше не думает. Всё делает LLM. Это так выматывает душу. Честно говоря, я бы не возражал, если бы нам хотя бы давали время проверить код и посмотреть, куда что идёт. Но нет», — пишет бедолага. Ждём, когда все эти вайбкод-системы и приложения рухнут
👉 Логово Верстальщика
Один бигтех-инженер поведал, во что превратилась его работа, когда ИИ вкатили тотально. Claude Code тащит буквально всё: код, тесты, спеки, отчёты, тикеты — и сам же эти тикеты закрывает. А люди эту гору уже почти не успевают прочитывать. От разработчиков требуют гнать код побольше и побыстрее, поэтому инженеры от L1 до L7 заняты одним и тем же — треплются с Claude и долбят Enter.
Даже Маск не прошёл мимо и назвал происходящее жестью. «Никто не исправляет баги. На самом деле, никто больше не думает. Всё делает LLM. Это так выматывает душу. Честно говоря, я бы не возражал, если бы нам хотя бы давали время проверить код и посмотреть, куда что идёт. Но нет», — пишет бедолага. Ждём, когда все эти вайбкод-системы и приложения рухнут
Please open Telegram to view this post
VIEW IN TELEGRAM
👎1
Анимация
Годами
В Chromium 129 появились две CSS-фичи, которые закрывают задачу на уровне стилей.
1.
Переключатель, разрешающий интерполировать keyword-значения размеров (
Работает для
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
500+ баксов в месяц за ChatGPT? Не, у нас столько не завалялось
Запуска пока нет. Но новый тариф уже просочился через внутренние конфиги ChatGPT. В описании сулят «самый быстрый» ChatGPT и Codex, и, судя по всему, лимиты побольше.
Вайбкодинг вытянет все деньги — и наши, и ваши
👉 Логово Верстальщика
Запуска пока нет. Но новый тариф уже просочился через внутренние конфиги ChatGPT. В описании сулят «самый быстрый» ChatGPT и Codex, и, судя по всему, лимиты побольше.
Вайбкодинг вытянет все деньги — и наши, и ваши
Please open Telegram to view this post
VIEW IN TELEGRAM
Сигналы добрались до 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 октября.
👉 Логово Верстальщика
В 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 октября.
Please open Telegram to view this post
VIEW IN TELEGRAM