Статистика Max-канала «Веб-страница | frontend, backend, fullstack, react, vue, javascript, typescript, css, html»

«Один блок с живыми данными больше не заставит делать динамической всю страницу Ситуация знакомая: сайт статический, а в футере нужны свежие цифры. Дальше выбор так себе — либо пометить маршрут динамическим и потерять скорость отдачи, либо писать загрузчик на весь маршрут ради одного компонента, теря…»

«Он сделал всё, чтобы никто не лез в его код»

«Разработчик натянул настоящий рельеф Альп на сайт в Webflow и собрал всё за неделю Вопрос, с которого начался проект: может ли сайт на Webflow нести реальные данные высот, натянутые сеткой горизонталей и отрисованные живьём в Three.js, а не видеопетлю и не запечённый спрайтшит. Может. Вышли три сцен…»

«Модель считает прямо в браузере, а где не может, уходит в облако сама У браузерных моделей всегда была одна и та же беда: в Chrome Gemini Nano есть, в остальных браузерах нет, и приложение приходится либо писать в двух вариантах, либо отказываться от локального счёта вовсе. Hybrid and On-device Web …»

«Ноль зависимостей и ноль сборки: что вышло из 59 утилит на голом JavaScript Автор Antigravity Tools поставил себе ограничение и выдержал его 59 раз подряд: без бэкенда на Node, без пакетов npm, без webpack, vite и parcel, без аналитики и куки. Только нативные браузерные API. Ограничение оказалось не…»

«Чем заменить привычные npm-пакеты, когда сервис уезжает на Rust Тяжёлые сервисы на Node переписывают на Rust обычно ради двух вещей: предсказуемо низких задержек и счёта за инфраструктуру. Порт API с Express или Fastify на Axum, фоновый воркер, утилита для командной строки — механика везде одна. Спо…»

«Браузер дорос до того, чтобы конвертировать файлы без сервера Для растущего набора форматов конвертация целиком помещается во вкладку: браузер читает файл, преобразует его и отдаёт обратно, ни разу не обратившись к серверу. Ещё пару лет назад это было уделом десктопных программ. Отсюда исчезает не т…»

«ИИ-краулер видит вместо вашего сайта пустой div Откройте клиентски отрисованный сайт в браузере: всё на месте, герой отрисован, навигация работает. Теперь заберите тот же URL так, как это делает автомат, обычным GET без браузера и движка JavaScript. В ответе почти пусто: <div id="root"></div>, пара …»

«Вынесли логику в кастомный хук и получили лишние перерисовки Инстинкт понятный: компонент оброс полусотней строк состояния и запросов, вы вытаскиваете это в аккуратный useDashboardFilters(), родитель худеет до десяти строк JSX. Выглядит как чистая победа. Ловушка в том, что кастомный хук это обычная…»

«Подсветка фрагментов текста без единого лишнего span в разметке Люди страницу не читают, а сканируют, поэтому подсветка нужных кусков работает. В CSS для этого целое семейство псевдоэлементов: ::selection для выделенного мышью текста, ::target-text для перехода из поиска и самый гибкий из них, ::hig…»

«Коды состояния HTTP на котиках 😺 Если объяснять HTTP-состояния текстом скучно, вот забавный проект: https://http.cat/ Сервис показывает мем с котиком, идеально иллюстрирующим код ошибки. Это весело, наглядно и можно использовать в своих проектах. @tproger_web Читайте также в VK и Max»

«В каком порядке что изучать в девопсе? Популярных роадмапов куча, идеального нет. roadmap.sh/devops — самый полный по охвату, но это гигантская интерактивная карта без чёткого порядка: открываешь и тонешь в сотне тем. github.com/milanm/DevOps-Roadmap — выглядит всё очень уверенно и как будто свежее,…»

«requestAnimationFrame: секрет гладких анимаций в вебе requestAnimationFrame — это браузерный API, разработанный специально для визуальных обновлений. Он сообщает браузеру: «Запускайте этот обратный вызов непосредственно перед следующей перерисовкой». И вместо того, чтобы угадывать время, вы синхрони…»

«JavaScript localStorage: что такое и как использовать? LocalStorage в JavaScript позволяет хранить пары ключ/значение в браузере. Но в отличие от обычных переменных, всё, что мы запишем в localStorage, останется там после перезагрузки страницы и закрытия браузера. В статье рассказали, как работает и…»

«Предотвращаем восстание машин, как умеем @tproger_web Читайте также в VK и Max»