WebDev+ | Веб-разработка

0:26

Media is too big

Как работают очереди в контексте HTTP-запросов

Разбираются основные стратегии очередей: FIFO, LIFO, приоритетные, плюс активное управление очередями. Всё это интерактивно: можно тыкать и смотреть, как это всё работает в реальном времени

Ловите ссылку: https://encore.dev/blog/queueing

352 views09:07

Набор полезных пользовательских CSS-функций, который работает на новой нативной директиве @function. Никакой сборки, просто копируете код и используете. Может работать по принципу reset.css

Проект ещё в разработке, но уже насчитывает ~43 функции разных категорий, их список тут. Демка тоже есть

332 views16:07

0:26

Огромная коллекцию из 1500+ отобранных API для ваших проектов, от погоды и карт до генераторов картинок и NLP-сервисов

Забираем с сайта или с GitHub

312 views06:07

0:34

Принёс находку: sshx. Всего одна команда, и у вас в браузере открывается реплика локального терминала: можно звать коллег по ссылке, видеть курсоры друг друга и даже чатиться

Идеально для дебага, обучения или просто совместной работы. Cайт здесь, GitHub тут

310 views16:07

0:07

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

Это происходит из-за режима popLayout в AnimatePresence из motion/react, который обеспечивает более плавную и быструю анимацию при удалении элемента

302 views06:07

Chrome DevTools – это не только панель для отладки, но и полноценная среда для проектирования, тестирования и анализа веб-приложений. С его помощью можно глубоко изучать DOM, стили, JavaScript, сетевые запросы, оптимизировать производительность и управлять данными пользователя.

Хорошая статья. Читайте тут.

284 views16:07

0:57

Media is too big

Быстрый совет по JS: используйте Gamepad API, чтобы в реальном времени отслеживать статус подключения геймпада и состояние его кнопок.

Это позволяет легко интегрировать поддержку игровых контроллеров в веб-проекты.

254 views06:07

0:26

Свойство shape-outside

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

.column--left .shape {
  float: right;
  shape-outside: circle(100px at 100% 50%);
}

Подборка примеров использования этого свойства: тык

203 views16:07

0:35