Освежаем знания по CSS border-image

Используем CSS border-image для стилизации рамок: разбор подходящих кейсов, примеров, особенностей работы и возможных значений.

https://css-tricks.com/revisiting-css-border-image/

command и commandfor в Сhrome 135

О новых атрибутах command и commandfor, которые упрощают добавление декларативного поведения кнопкам без использования JavaScript. Эти атрибуты позволяют напрямую связывать кнопки с элементами, улучшая доступность и удобство управления.


https://developer.chrome.com/blog/command-and-commandfor

Пишем змейку с AI

Руководство по созданию классической игры змейка с TensorFlow.js и Docker.

https://www.docker.com/blog/leveraging-docker-with-tensorflow/

React Trends 2025

Робин Вирух рассказывает о том, куда движется экосистема React: React Server Components, Biome, React Compiler, React Form, TanStack Start, React Router.

https://www.robinwieruch.de/react-trends/

Rsdoctor 1.0

Релиз еще одного инструмента позволяющего анализировать билд. Подходит для сборок на Rspack и Webpack.

https://rsdoctor.dev/blog/release/release-note-1_0

Погружение в SSR для React разработчиков

Большая статья о том, как работает SSR, какие проблемы решает и когда его стоит использовать. Плюсы и минусы SSR, различия между SSR, SSG и ISR.

https://www.developerway.com/posts/ssr-deep-dive-for-react-developers

#css #вопросы_и_ответы

Вы не знаете CSS. Мои вопросы о CSS с ответами. Часть 2

⭐️⭐️◽️◽️◽️

📖 Читать

Адаптивный стриминг видео с помощью Dash.js

Какие ограничения существуют у тега <video> при работе с медленными соединениями и как их можно обойти с использованием адаптивного битрейт-стриминга.
Кодируем видео и интегрируем плеер Dash.js в React-приложение.

https://www.smashingmagazine.com/2025/03/adaptive-video-streaming-dashjs-react/

Настраиваем проект TypeScript с Node.js и Express

Пошаговая инструкция по настройке проекта для комфортной разработки и тестирования.

https://blog.logrocket.com/express-typescript-node/

Теперь селект можно стилизовать с помощью CSS

В Chrome 135 теперь доступна стилизация селекта с помощью свойства appearance: base-select, который превращает элемент в настраиваемый.

https://developer.chrome.com/blog/a-customizable-select?hl=en

Растите сильную команду. Топ-5 курсов Яндекс Практикума для IT

👾 Технологии меняются каждый день — проверено Яндексом.

Мы ощущаем перемены на своих проектах. Постоянные вызовы, новые инструменты, штормы на рынках. Знаем, как важно, чтобы команда быстро развивалась и адаптировалась к изменениям. Поэтому создаём актуальное обучение, которое соответствует реальным задачам IT-сферы.

Нам доверяют: 5000+ компаний уже обучили 36 000+ сотрудников в Яндекс Практикуме.

👉 Вот топ-5 курсов, которые выбирали компании для развития IT-команд в 2025 году:

— SQL для работы с данными и аналитики
— DevOps для эксплуатации и разработки
— Python-разработчик
— Архитектура программного обеспечения
— Управление командой разработки
— Навыки аргументации

👉 Подобрать курс

Реклама, АНО ДПО “Образовательные технологии Яндекса”, ИНН 7704282033, erid: 2Vtzqxi5BbW

CI/CD для чайников

Как автоматизировать рутину в разработке на примере настройки CI в GitLab репозитории.

https://habr.com/ru/articles/895946/

React Explorer

Еще один инструмент, позволяющий построить граф зависимостей, причем интерактивный. Вы можете выбирать элементы на сайте и он будет подсвечивать нужное дерево зависимостей.

https://react-explorer.com/

Реализация простой и эффективной системы отмены действий

Использовние двух стеков — undoStack и redoStack — для управления отменой и повтором действий, избегая сложностей, связанных с указателями и индексами в массиве.

https://blog.julik.nl/2025/03/a-tiny-undo-stack

Как работает заголовок Cache-Control

Статья о том, как различные браузеры обрабатывают заголовок и как с помощью него можно улучшить производительность и инвалидировать устаревшие данные.

https://csswizardry.com/2025/03/why-do-we-have-a-cache-control-request-header/

Как улучшить UX-дизайн форм

Типы форм, их структура и лучшие практики: логичное построение, понятные подписи, ёмкие сообщения об ошибках, инлайн валидация.

https://blog.logrocket.com/ux-design/better-form-design-ux-tips-tools-tutorial/

Apache ECharts для визуализации данных

Таня Раския рассказывает как интегрировать Apache ECharts в React-приложение: как установить библиотеку, использовать компонент echarts-for-react и настраивать графики. Также приводит примеры кастомизации и обновления данных в диаграммах.

https://tania.dev/apache-echarts-react/

Первый взгляд на attr() в CSS

Ахмад Шадид рассказывает о работе attr(), его преимуществах и где его удобно применять.

https://ishadeed.com/article/modern-attr/

Cover Flow на современном CSS

Эдди Османи проводит небольшой исторический экскурс в Cover Flow, популяризированный Apple. А также предлагает современный подход к воссозданию этого эффекта с использованием только HTML и CSS, опираясь на CSS Scroll Snap и Scroll-Driven Animations API.

https://addyosmani.com/blog/coverflow/

Решаем проблемы, связанные с загрузкой ресурсов, блокирующих рендер

О методах оптимизации загрузки блокирующих ресурсов: инлайнинг критического CSS, отложенная загрузка некритических стилей и скриптов, а также удаление неиспользуемого кода, с целью улучшения показателей FCP и LCP.

https://blog.logrocket.com/eliminate-render-blocking-resources-css-javascript/

Создаем LQIP изображения с помощью CSS

Cпособ создания размытых изображений-плейсхолдеров с помощью одной CSS-переменной и радиальных градиентов. Изображение кодируется в целое число и декодируется средствами CSS прямо в браузере. Метод обеспечивает мгновенное отображение плейсхолдера.

https://leanrada.com/notes/css-only-lqip/