Веб-страница | 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…»

«Каждая цепочка filter и map создаёт два лишних массива На маленьких списках это незаметно. На большом наборе данных, на генераторе, который отдаёт значения по запросу, или на потоке, где нужны первые несколько результатов, вы материализуете тысячи элементов и тут же их выбрасываете. Методы массивов …»

«Коды состояния 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»