Rede

Como construir um jogo multiusuário em tempo real a partir do zero

Este artigo destaca o processo, as decisões técnicas e as lições aprendidas por trás da construção do jogo em tempo real Autowuzzler. Aprenda a compartilhar o estado do jogo em vários clientes em tempo real com Colyseus, fazer cálculos físicos com Matter.js, armazenar dados em Supabase.io e construir o front-end com SvelteKit.

consulte Mais informação

Respeitando as preferências de movimento dos usuários

A consulta de mídia `prefers-reduced-motion` tem excelente suporte em todos os navegadores modernos que remontam a alguns anos. Neste artigo, Michelle Barker explica por que não há motivo para não usá-lo hoje para tornar seus sites mais acessíveis.

consulte Mais informação

Construindo o SSG que eu sempre quis: um sanduíche 11ty, Vite e JAM

Em janeiro de 2020, Ben Holmes decidiu fazer o que quase todo desenvolvedor web faz todos os anos: reconstruir seu site pessoal. Neste artigo, ele compartilha sua história de como ele começou a construir seu próprio pipeline de construção a partir do zero absoluto e criou o “Slinkity”.

consulte Mais informação

Construindo uma API com funções Gatsby

Neste tutorial, Paul Scanlon explica como construir uma API usando Gatsby Functions e o que você precisa ter em mente ao implantá-la no Gatsby Cloud.

consulte Mais informação

Smashing Podcast Episódio 42 Com Jeff Smith: O que é DevOps?

Neste episódio, estamos falando sobre DevOps. O que é, e é uma string para adicionar ao seu arco de desenvolvimento web? Drew McLellan fala com o especialista Jeff Smith para descobrir.

consulte Mais informação

Resolvendo problemas de CLS em um site de comércio eletrônico com tecnologia Next.js (estudo de caso)

O deslocamento de layout cumulativo é um dos principais componentes da Web mais difíceis de depurar. Neste artigo, passamos por diferentes ferramentas para investigar o CLS, quando usá-los (e quando não) e soluções para alguns dos problemas de CLS que enfrentamos em nosso site de comércio eletrônico baseado em Next.js.

consulte Mais informação

Uma rotina de saúde mental simples, mas eficaz para programadores

Neste artigo, veremos por que é importante cuidar do equilíbrio entre vida profissional e pessoal, como desenvolver uma rotina de saúde mental simples e eficaz e as técnicas mais comuns e eficientes que você pode usar para criar sua rotina personalizada.

consulte Mais informação

Dicas e truques para avaliar designers de UX/UI

Os clientes podem começar a usar seu aplicativo porque você oferece um produto exclusivo, mas a experiência do usuário é o que os faz ficar. Para isso, você precisa de excelentes designers de UX e do know-how para identificá-los na hora de contratar.

consulte Mais informação

Soluções CSS inteligentes para desafios comuns de interface do usuário

Escrever CSS provavelmente nunca foi mais divertido e emocionante do que é hoje. Neste post vamos dar uma olhada em problemas comuns e casos de uso que todos nós temos que enfrentar em nosso trabalho e como resolvê-los com CSS moderno. Se você estiver interessado, também abordamos recentemente [ferramentas de auditoria de CSS](https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [geradores de CSS](https:// www.smashingmagazine.com/2021/03/css-generators/), [padrões de front-end](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) e [ Extensões de código VS](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/) — você também pode achá-las úteis.

consulte Mais informação

APIs React úteis para construir componentes flexíveis com TypeScript

React with JSX é uma ferramenta fantástica para criar componentes fáceis de usar. Os componentes Typescript tornam um prazer absoluto para os desenvolvedores integrar seus componentes em seus aplicativos e explorar suas APIs. Aprenda sobre três APIs React menos conhecidas que podem levar seus componentes para o próximo nível e ajudá-lo a criar componentes React ainda melhores neste artigo.

consulte Mais informação