Frontend Portal

CSS-переменные незаметно обнуляли стили revert-rule теперь входит в Baseline и доступен с сентября 2026 года (Chrome 148, Firefox 150, Safari 27). Раньше, если написать padding: var(--pad) без заданной переменной --pad, отступ сбрасывался до padding: 0. Поэтому приходилось копировать значение по умолчанию в каждый fallback. Теперь можно откатиться к значению, которое было определено каскадом CSS. revert → возврат к стилям браузера revert-layer → возврат к предыдущему слою каскада revert-rule → как будто текущего CSS-правила вообще не существует Также работает вместе с if() в Chrome: if(style(--x: on): red; else: revert-rule) MDN: developer.mozilla.org/en-US/docs/Web ➡️ @FrontendPortal

Forwarded From Вайб-кодинг В честь китайского Дня программиста разработчики ZCode бесплатно раздают 500 миллионов токенов для моделей GLM-5.3 и GLM-5.3-Flash. Из них 200 миллионов предназначены для GLM-5.3, а ещё 300 миллионов — для GLM-5.3-Flash. Получить токены могут даже пользователи бесплатного тарифа. Всего доступно 200 тысяч пакетов, которые раздаются в порядке очереди. Акция действует с 23 по 26 октября. Использовать полученные токены можно исключительно внутри ZCode, но не через API. Если у вас установлен ZCode, обновитесь и проверьте. 😏

У shadcn теперь есть целая коллекция UI-компонентов для медицины и биологии Она называется OrganUI и позволяет добавлять интерактивные медицинские и научные визуализации в интерфейсы и приложения. — 3D-визуализации органов — Интерактивные анатомические карты — Визуализации ДНК, молекул и клеток — Графики ЭКГ и просмотрщики медицинских изображений — Готовые UI-блоки для интерактивного изучения анатомии github.com/organui/organui ➡️ @FrontendPortal Video is too big

Принес вкуснятину по SVG: интерактивный справочник по самым популярным и/или интересным частям спецификации SVG Внутри: что такое viewBox, как работает clipPath, на что влияют группы aka g, что такое use и symbol, как использовать маску и так далее. Все интерактивно и наглядно 👍 Забираем здесь ➡️ @FrontendPortal | #resourse

JavaScript продолжает развиваться! Готовится поддержка объектов со сравнением по значению. Предложение Composites перешло на Stage 2 в TC39. Два объекта с одинаковым содержимым смогут быть равны при сравнении через ===, даже если они созданы отдельно друг от друга. Сравнение по значению также будет работать в Set и при использовании объектов в качестве ключей Map. ➡️ @FrontendPortal

CSS избавился от ещё одного костыля для центрирования align-content: center теперь работает и с обычными блочными элементами. Без flex и grid. Поддерживается всеми основными браузерами с апреля 2024 года (Chrome 123, Firefox 125, Safari 17.4). С 16 октября доступно практически повсеместно. Раньше для вертикального центрирования одного элемента приходилось превращать контейнер во flex-колонку. Теперь достаточно одной строки ➡️ @FrontendPortal

POV: используешь GPT-6 Astra, чтобы поменять цвет кнопки ➡️ @FrontendPortal

Разработка в гибриде В Yandex Cloud развивают предложения для создания гибридного контура. Cloud Interconnect помогает безопасно связать on-premises, облачную инфраструктуру и сторонние площадки, а VPC Private Endpoint обеспечивают безопасное соединение ресурсов в облаке без выхода в Интернет. Дополнительные нагрузки можно переносить на выделенный контур, который представлен BareMetal Extend - это готовая инфраструктура с виртуализацией или Kuberbetes на базе выделенных серверов. Таким образом данные можно хранить и обрабатывать безопасно и изолированно от публичного облака. Большое обновление представлено в Stackland - платформе, которая развертывается локально в контуре компании. Появились новые PaaS, за счет которых можно создать полноценную платформу данных. Для этого есть все необходимое В облачном Object Storage появился Intelligent Tiering - автоматически распределяет данные между хранилищами с учетом того, как часто к ним обращаются. Редко используемые данные переносят в более холодный класс и за счет этого оптимизируют расходы. В итоге вычисления можно гибко распределять под текущие задачи. @FrontendPortal

CSS + браузеры только что убрали необходимость ещё в одном JavaScript-костыле Вы читаете страницу. Выше подгружается изображение. Контент резко сдвигается, и вы теряете место, на котором остановились. В Safari 27 по умолчанию включили scroll anchoring, поэтому теперь все основные браузеры удерживают текущую позицию на странице. Никакого JS для восстановления скролла Вот что ещё теперь можно спокойно использовать в проде 👆 ➡️ @FrontendPortal

Идеальное центрирование, margin: auto у flex-контейнера ➡️ @FrontendPortal | #CSS

Claude Opus 5.5 отрисовал каждый кадр этой анимации на JavaScript Вот «как работают браузеры» за 40 секунд. ➡️ @FrontendPortal Video is too big

CSS-совет contrast-color() позволяет браузеру самому подобрать цвет текста для кнопки. .button { --bg: hsl(55 88% 52%); background: var(--bg); color: contrast-color(var(--bg)); } Функция возвращает чёрный или белый цвет – в зависимости от того, какой из них даёт больший контраст с фоном. ➡️ @FrontendPortal

Node.js 26.10 — нативная поддержка throttle/debounce Вот этого я не ожидал Покойся с миром, lodash. Когда уже предложение в TC39? Релиз: https://nodejs.org/en/blog/release/v26.10.0 Документация: https://nodejs.org/docs/latest/api/util.html#utildebouncefn-wait-options ➡️ @FrontendPortal

Некоторые забавные вещи, о которых вы, возможно, не знали, можно делать с помощью тега <a> 😌 ➡️ @FrontendPortal | #CSS