Фотография
нажмите — покажем
нажмите — покажем
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-паттерны могут передать прокрутку другим элементам.
👉 Логово Верстальщика
3 · 424 · Фотография
нажмите — покажем
нажмите — покажем
Фотография
нажмите — покажем
нажмите — покажем
Claude Opus 5.5 не где-то там — она уже здесь, и в большинстве бенчмарков она укладывает на лопатки и Fable 5.1, и GPT-6 Astra.
И да, приятный бонус: обновка стоит дешевле, чем Opus 5.
А сверху каждому накинули один сохранённый сброс лимита.
Источник
👉 Логово Верстальщика
3 · 458 · Логово верстальщика
Видео
IMG_9722.MOV · 4.7 МБ · нажмите — покажем
IMG_9722.MOV · 4.7 МБ · нажмите — покажем
Кто-то из Anthropic скинул годный трюк для Opus 5.5. Суть простая: в Claude Code дёрни /claude-api-prompt-audit (пост в X).
После этого агент пройдётся по твоим скиллам, CLAUDE.md, AGENTS.md и промптам. Устаревшие инструкции и антипаттерны снесёт — те, что только мешают и токены жрут.
Прибираемся
👉 Логово Верстальщика
19 · 407 · Ссылка
нажмите — покажем
нажмите — покажем
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)
5 · 325 · Логово верстальщика
Фотография
нажмите — покажем
нажмите — покажем
Инженеры теперь работают Enter-ом — код никто не пишет, все просто болтают с Claude по 12–13 часов в день
Один бигтех-инженер поведал, во что превратилась его работа, когда ИИ вкатили тотально. Claude Code тащит буквально всё: код, тесты, спеки, отчёты, тикеты — и сам же эти тикеты закрывает. А люди эту гору уже почти не успевают прочитывать. От разработчиков требуют гнать код побольше и побыстрее, поэтому инженеры от L1 до L7 заняты одним и тем же — треплются с Claude и долбят Enter.
Даже Маск не прошёл мимо и назвал происходящее жестью. «Никто не исправляет баги. На самом деле, никто больше не думает. Всё делает LLM. Это так выматывает душу. Честно говоря, я бы не возражал, если бы нам хотя бы давали время проверить код и посмотреть, куда что идёт. Но нет», — пишет бедолага. Ждём, когда все эти вайбкод-системы и приложения рухнут
👉 Логово Верстальщика
3 · 306 · Ссылка
нажмите — покажем
нажмите — покажем
Анимация 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)
9 · 323 · Фотография
нажмите — покажем
нажмите — покажем
500+ баксов в месяц за ChatGPT? Не, у нас столько не завалялось
Запуска пока нет. Но новый тариф уже просочился через внутренние конфиги ChatGPT. В описании сулят «самый быстрый» ChatGPT и Codex, и, судя по всему, лимиты побольше.
Вайбкодинг вытянет все деньги — и наши, и ваши
👉 Логово Верстальщика
4 · 366 · Логово верстальщика
Фотография
нажмите — покажем
нажмите — покажем
Сигналы добрались до 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 октября.
👉 Логово Верстальщика
3 · 345 · Фотография
нажмите — покажем
нажмите — покажем
Бумага и ручка: стартап заставил соискателей писать сопроводительные вручную
Стартап Dumb выдал кандидатам условие: никакого копипаста, письмо пишем ОТ РУКИ. И все из-за ИИ. Компания устала получать однотипные ИИ-отклики — одни и те же истории, одни и те же формулировки, — поэтому пришлось соорудить собственный фильтр против ChatGPT. Если коротко: хочешь в команду — берешь ручку, пишешь от руки и шлешь скан онлайн либо почтой.
Рынок сейчас такой, что почти никого это не отпугнуло, скорее наоборот: «Было ощущение, что кто-то на самом деле посмотрит то, что я должен был сказать, и что это не просто пройдет через какие-то автоматические фильтры», — заявил один из кандидатов.
Ждем славного возвращения кода на листочках
👉 Логово Верстальщика
1 · 378 · Логово верстальщика
Фотография
нажмите — покажем
нажмите — покажем
🤣 Преподал урок информационной безопасности
💥 xCode Journal
351 · Видео
IMG_9962.MOV · 12.0 МБ · нажмите — покажем
IMG_9962.MOV · 12.0 МБ · нажмите — покажем
Подъехал официальный гайд по Claude Sonnet 5.5
Внутри без воды: в каких случаях выгоднее взять Sonnet, а где уже Opus. Как переползти с Sonnet 5, что подкрутить в настройках модели и как выжать из неё всё, на что она способна. Плюс приложили готовые промпты — бери и тырь.
Читать — и делай по уму.
👉 Логово Верстальщика
5 · 353 · Логово верстальщика
Фотография
нажмите — покажем
нажмите — покажем
Фотография
нажмите — покажем
нажмите — покажем
Фотография
нажмите — покажем
нажмите — покажем
🤯 Люди взбунтовались против «пыточной для ИИ»
На GitHub заметили открытый проект AI Torture Chamber, где автор берёт локальные модели Qwen3 и искусственно усиливает внутри них сигнал, связанный с «болью», а потом смотрит, как модель страдает и на что она готова ради прекращения происходящего.
В какой-то момент эксперимент заметили защитники ИИ и начался настоящий БУНТ.
✖️ xCode Journal
4 · 343 · Логово верстальщика
Фотография
нажмите — покажем
нажмите — покажем
🤣 Правильно расставленные приоритеты в моей жизни би лайк:
💥 xCode Journal
2 · 300 · Фотография
нажмите — покажем
нажмите — покажем
😅 Айтишник отправил в одну компанию три одинаковых резюме и только одно дошло до финала
Опыт везде был один и тот же, отличались только формулировки и ключевые слова. Первое резюме сразу ушло в помойку из-за алгоритмов, второе получило отказ после предварительной переписки и тестового, так как «опыт не совсем подходит», а вот третье дошло до финала.
✖️ xCode Journal
3 · 279 · Логово верстальщика
Фотография
нажмите — покажем
нажмите — покажем
Моя эпопея с Elementor: 9 выводов после одного убитого сайта
Год назад мы с корешем собирали онлайн-магазин его девушке. Она модель, и у неё как раз была коллаборация по одежде с одним брендом. На повестке: каталог, лукбук, страничка о ней и промо-баннеры под каждую свежую коллекцию.
Каталог поехал на WooCommerce. А главную, лукбук и баннеры я собрал руками в Elementor. Ради скорости закинул вёрстку в HTML-виджеты, докрутил стили — и на экране было ровно то, что мы и задумали. Отдал доступы и выкинул из головы.
Через пару недель прилетает: «кажется, я сломала сайт». Готовилась новая коллекция, надо было поправить текст на баннере. Она открыла виджет, увидела там гору div-ов и аккуратно подправила пару строчек. Заодно случайно снесла один закрывающий тег. Половина главной поплыла, подвал приземлился посреди лукбука.
И винить её не в чем: Elementor мы и брали ровно ради этого — чтобы она мышкой, без нас, меняла себе баннеры и тексты. Только я вручил ей конструктор, а внутри у него — обычный HTML. Формально Elementor, а по факту — та же ручная вёрстка.
Читать далее
👉 Логово Верстальщика
2 · 217 · Фотография
нажмите — покажем
нажмите — покажем
Как писать стили в 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 и рендером в браузере. А в финале — практическая матрица выбора. Без фанатизма, без хайпа месяца, без «а вот в твиттере сказали».
Читать далее
👉 Логово Верстальщика
10 · 187 · Логово верстальщика
Фотография
нажмите — покажем
нажмите — покажем
OpenAI устроила месяц подарков — 28 дней апдейтов и халявных ресетов лимитов
Тибо из OpenAI торжественно пообещал: каждый день либо заметный апгрейд для Codex/Work, либо сброс лимитов. Считайте, адвент-календарь для тех, кто считает кредиты как зарплату.
Anthropic, ну ты чё? Ждём ответку, а то щедрость что-то в одну сторону играет
👉 Логово Верстальщика
9 · 277 · Фотография
нажмите — покажем
нажмите — покажем
Cache Control в Claude Code — мод для тех, кто устал смотреть, как токены утекают в никуда, а сессия дохнет на середине разговора.
Что делает:
— рисует отдельную полоску для 5-минутного кэша Claude — видно, когда он ещё тёплый, а когда уже остыл;
— пингует уведомлениями, чтобы ты вовремя подкидывал дровишек и не давал кэшу остыть.
По сути, следит за твоим кэшем лучше, чем ты сам. И да, это реально экономит токены, а не «экономит» в маркетинговом смысле.
Ставится одной строкой:
npx claude-code-templates@latest --mod observability/prompt-cache-control
👉 Логово Верстальщика
1 · 194 · Фотография
нажмите — покажем
нажмите — покажем
ИИ-пилоты не дают эффекта? Разбираем ошибки CIO
ИИ-пилоты множатся, а результата нет? Бюджет уходит, бизнес ждёт эффекта, а вы не понимаете, где ИИ действительно работает, а где — дорогой эксперимент?
Присоединяйтесь к открытому уроку и узнайте, как CIO выстраивает ИИ-стратегию компании.
📅 19 октября в 19:00. Сергей Фегон разберёт:
- Как ИИ меняет роль CIO и требования бизнеса к IT-руководителю.
- Где ИИ даёт бизнес-эффект, а где остаётся экспериментом.
- Как связать ИИ-инициативы с IT-стратегией и измеримыми результатами.
- Что учитывать при внедрении: данные, архитектура, безопасность, стоимость, интеграция.
Вы научитесь выбирать приоритетные сценарии ИИ, оценивать их по эффекту, стоимости и рискам и переходить от пилотов к промышленному использованию.
✅ Запишитесь сейчас и наведите порядок в ИИ-инициативах!
Узнать больше
#реклама 16+
otus.ru
О рекламодателе
192 · Видео
IMG_0253.MOV · 13.8 МБ · нажмите — покажем
IMG_0253.MOV · 13.8 МБ · нажмите — покажем
Claude теперь работает под надзором — и это, как ни странно, к лучшему
Anthropic выпустили плагин You Should Know. Он поднимает отдельного агента-надзирателя, который сидит поверх Claude и тыкает носом в то, что вы оба благополучно проспали в длинной сессии.
Так что критические ошибки и недоработки больше не растворятся в тумане к двадцатому сообщению. Включается одной командой:
/plugin enable cc-plugin-you-should-know@builtin
Для длинных сессий — маст-хэв
👉 Логово Верстальщика
8 · 134 · Логово верстальщика
Фотография
нажмите — покажем
нажмите — покажем
Авторизованные курсы по оборудованию Eltex от дилера №1
Проводим учебные курсы, включающие практические занятия и лабораторные работы.
По итогу успешной сдачи экзаменов обучающемуся выдаётся официальный сертификат от завода Eltex.
⚡Обучение в офисе или онлайн
⚡Опытный преподавательский состав
⚡Лабораторные работы - 50% времени
⚡Обучение юридических и физических лиц
Записаться
#реклама 16+
eltexcm.ru
О рекламодателе
118 ·