Интернет
Как создать многопользовательскую игру в реальном времени с нуля
В этой статье рассказывается о процессе, технических решениях и уроках, извлеченных при создании игры Autowuzzler в реальном времени. Узнайте, как обмениваться игровым состоянием между несколькими клиентами в режиме реального времени с помощью Colyseus, выполнять физические расчеты с помощью Matter.js, хранить данные в Supabase.io и создавать интерфейс с помощью SvelteKit.
ПодробнееУважение предпочтений пользователей в отношении движения
Медиа-запрос `prefers-reduced-motion` имеет отличную поддержку во всех современных браузерах пару лет назад. В этой статье Мишель Баркер объясняет, почему нет причин не использовать его сегодня, чтобы сделать ваши сайты более доступными.
ПодробнееСоздание SSG, о котором я всегда мечтал: 11ty, Vite и JAM Sandwich
Еще в январе 2020 года Бен Холмс решил сделать то, что почти каждый веб-разработчик делает каждый год: перестроить свой личный сайт. В этой статье он делится своей историей о том, как он решил построить свой собственный конвейер сборки с нуля и создал «Slinkity».
ПодробнееСоздание API с функциями Гэтсби
В этом руководстве Пол Скэнлон объясняет, как создать API с помощью Gatsby Functions и что нужно учитывать при его развертывании в Gatsby Cloud.
ПодробнееSmashing Podcast Episode 42 с Джеффом Смитом: что такое DevOps?
В этом выпуске мы говорим о DevOps. Что это такое, и можно ли добавить его к вашему луку веб-разработки? Дрю Маклеллан разговаривает с экспертом Джеффом Смитом, чтобы выяснить это.
ПодробнееРешение проблем с CLS на веб-сайте электронной коммерции на базе Next.js (пример из практики)
Cumulative Layout Shift — одна из самых сложных для отладки основных веб-приложений. В этой статье мы рассмотрим различные инструменты для исследования CLS, когда их использовать (а когда нет), а также решения некоторых проблем CLS, с которыми мы столкнулись на нашем веб-сайте электронной коммерции на основе Next.js.
ПодробнееПростая, но эффективная рутина психического здоровья для программистов
В этой статье мы рассмотрим, почему важно заботиться о балансе между работой и личной жизнью, как разработать простой и эффективный распорядок психического здоровья, а также о наиболее распространенных и эффективных методах, которые вы можете использовать для составления своего индивидуального распорядка.
ПодробнееСоветы и рекомендации по оценке UX/UI дизайнеров
Клиенты могут начать использовать ваше приложение, потому что вы предлагаете уникальный продукт, но пользовательский опыт — это то, что заставляет их оставаться. Для этого вам нужны отличные дизайнеры UX и ноу-хау, чтобы определить их при найме.
ПодробнееУмные CSS-решения для распространенных задач пользовательского интерфейса
Написание CSS, вероятно, никогда не было таким увлекательным и захватывающим, как сегодня. В этом посте мы рассмотрим распространенные проблемы и варианты использования, с которыми нам всем приходится сталкиваться в нашей работе, и способы их решения с помощью современного CSS. Если вам интересно, мы также недавно рассмотрели [инструменты аудита CSS] (https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [генераторы CSS] (https:// www.smashingmagazine.com/2021/03/css-generators/), [шаблоны внешнего интерфейса] (https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) и [ Расширения кода VS] (https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) — вы тоже можете найти их полезными.
ПодробнееПолезные API React для создания гибких компонентов с помощью TypeScript
React с JSX — фантастический инструмент для создания простых в использовании компонентов. Компоненты Typescript доставляют разработчикам огромное удовольствие интегрировать ваши компоненты в свои приложения и исследовать ваши API. В этой статье вы узнаете о трех менее известных API-интерфейсах React, которые могут вывести ваши компоненты на новый уровень, и помогут вам создавать еще более качественные компоненты React.
Подробнее