Библиотека фронтендера

📌 Один курс — хорошее вложение в себя. Два по той же цене — ещё лучше. В Proglib Academy действует акция: покупаешь один курс, а второй получаешь в подарок. Например, можно совместить два направления по работе с ИИ: 💥 ИИ для разработчиков — применение нейросетей в повседневной разработке: работ...

💡 W3C упростил дизайн-систему, убрав лишние обёртки и жёсткие правила отступов Карточка хорошо выглядит в своём списке, но ломается внутри другой карточки. Тексту обязательно нужна специальная обёртка. Отступы завязаны на конкретного родителя. С такими ограничениями столкнулись пользователи дизай...

💡 SvelteKit 3 можно обновить через CLI, но адаптеры стоит проверить вручную Вместе со SvelteKit 3 вышел CLI sv 1.0. Для существующего приложения есть команда миграции: npx sv migrate sveltekit-3 Она берёт на себя значительную часть изменений, но не заменяет проверку приложения и руководства по м...

🔍 Chrome 155 поддерживает JPEG XL для фотографий и изображений без потерь JPEG XL снова стоит включить в сравнение форматов изображений. Chrome 155 получил декодирование .jxl через реализацию jxl-rs на Rust. Команда Chrome выделяет несколько сценариев: фотографии с высоким качеством, сжатие без п...

😎 Выбираешь один курс, второй получаешь бесплатно. Баг? Нет, акция! До 31 октября в Proglib Academy можно выбрать два курса и заплатить только за один. Например, можно совместить: 💥 ИИ для разработчиков — применение нейросетей в повседневной разработке: работа с кодом, тестирование и ревью. 💥...

⚡ Vitest 5 позволяет посмотреть браузерный тест по шагам после падения Тест нажал кнопку, интерфейс изменился, проверка упала. К моменту разбора страница уже находится в другом состоянии — и одного сообщения об ошибке мало. Trace View в Vitest 5 сохраняет DOM-снимки действий и проверок. Можно выбр...

💡 CSS-переменные позволяют менять иконки без правки HTML У кнопки удаления должна быть одна иконка, при наведении — другая, а в тёмной теме — третий вариант. Леа Веру предлагает хранить иконки как токены дизайн-системы и выбирать их через CSS. В её реализации компонент получает переменную: butto...

💡 Полоса прокрутки появилась — а макет не сдвинулся Список стал длиннее, появился scrollbar, доступная ширина уменьшилась — и содержимое панели слегка прыгнуло. scrollbar-gutter позволяет заранее оставить место под полосу. .panel { max-height: 24rem; overflow: auto; scrollbar-gutter: stable...

✨ Анимация может быть красивой — и лишней Пользователь включил в системе уменьшение движения. Это хороший повод убрать выезжающие панели и параллакс, сохранив понятный переход между состояниями. В Motion для React есть useReducedMotion(). Хук читает системную настройку и реагирует на её изменения:...

💡 sort() меняет исходный массив. toSorted() — нет Нужно отсортировать данные для интерфейса и сохранить исходный порядок? toSorted() возвращает новый массив — в отличие от sort(), который меняет исходный. const values = [3, 10, 2]; const sorted = values.toSorted((a, b) => a - b); console.log(val...

⚡ Пусть CI замечает, когда бандл распух Маленькая новая зависимость может заметно увеличить JavaScript, который получает пользователь. Size Limit позволяет задать бюджет и завершить проверку с ошибкой, если сборка его превысила. Для уже собранного приложения можно начать с size-limit и @size-limit...

🧑‍💻 Какие навыки помогают вам в разработке в 2026 году? Что вы чаще используете в работе? В каких задачах помогает ИИ, а где проще справиться самостоятельно? Мы решили собрать портрет современного разработчика — и приглашаем вас поделиться своим опытом. Расскажите, какие навыки вам пригодились и...