Web

Cómo construir un juego multiusuario en tiempo real desde cero

Este artículo destaca el proceso, las decisiones técnicas y las lecciones aprendidas detrás de la creación del juego en tiempo real Autowuzzler. Aprenda a compartir el estado del juego entre varios clientes en tiempo real con Colyseus, haga cálculos de física con Matter.js, almacene datos en Supabase.io y cree la interfaz con SvelteKit.

Lee mas

Respetar las preferencias de movimiento de los usuarios

La consulta de medios `preferers-reduced-motion` tiene un excelente soporte en todos los navegadores modernos desde hace un par de años. En este artículo, Michelle Barker explica por qué no hay razón para no usarlo hoy para hacer que sus sitios sean más accesibles.

Lee mas

Construyendo el SSG que siempre quise: un sándwich 11ty, Vite y JAM

En enero de 2020, Ben Holmes se propuso hacer lo que casi todos los desarrolladores web hacen cada año: reconstruir su sitio personal. En este artículo, comparte su historia de cómo se dispuso a construir su propio canal de construcción desde cero absoluto y creó "Slinkity".

Lee mas

Construyendo una API con funciones de Gatsby

En este tutorial, Paul Scanlon explica cómo crear una API mediante las funciones de Gatsby y lo que debe tener en cuenta al implementarla en Gatsby Cloud.

Lee mas

Smashing Podcast Episodio 42 con Jeff Smith: ¿Qué es DevOps?

En este episodio, estamos hablando de DevOps. ¿Qué es, y es una cadena para agregar a su arco de desarrollo web? Drew McLellan habla con el experto Jeff Smith para averiguarlo.

Lee mas

Resolución de problemas de CLS en un sitio web de comercio electrónico impulsado por Next.js (estudio de caso)

El cambio de diseño acumulativo es uno de los núcleos web más difíciles y vitales para la depuración. En este artículo, revisamos diferentes herramientas para investigar CLS, cuándo usarlas (y cuándo no) y soluciones a algunos de los problemas de CLS que enfrentamos en nuestro sitio web de comercio electrónico basado en Next.js.

Lee mas

Una rutina de salud mental simple pero efectiva para programadores

En este artículo, veremos por qué es importante cuidar nuestro equilibrio entre el trabajo y la vida, cómo desarrollar una rutina de salud mental simple y efectiva, y las técnicas más comunes y eficientes que puede usar para hacer su rutina personalizada.

Lee mas

Consejos y trucos para evaluar diseñadores de UX/UI

Los clientes pueden comenzar a usar su aplicación porque ofrece un producto único, pero la experiencia del usuario es lo que hace que se queden. Para eso, necesita excelentes diseñadores de UX y el conocimiento para detectarlos al momento de contratarlos.

Lee mas

Soluciones inteligentes de CSS para desafíos comunes de interfaz de usuario

Escribir CSS probablemente nunca haya sido tan divertido y emocionante como lo es hoy. En esta publicación, veremos problemas comunes y casos de uso que todos debemos enfrentar en nuestro trabajo y cómo resolverlos con CSS moderno. Si está interesado, también hemos cubierto recientemente [herramientas de auditoría de CSS] (https://www.smashingmagazine.com/2021/03/css-auditing-tools/), [generadores de CSS] (https:// www.smashingmagazine.com/2021/03/css-generators/), [repetidores de front-end](https://www.smashingmagazine.com/2021/06/useful-frontend-boilerplates-starter-kits/) y [ Extensiones de código VS](https://www.smashingmagazine.com/2021/05/useful-vs-code-extensions-web-developers/): también puede encontrarlas útiles.

Lee mas

API útiles de React para crear componentes flexibles con TypeScript

React with JSX es una herramienta fantástica para crear componentes fáciles de usar. Los componentes Typescript hacen que sea un placer absoluto para los desarrolladores integrar sus componentes en sus aplicaciones y explorar sus API. Conozca tres API de React menos conocidas que pueden llevar sus componentes al siguiente nivel y ayudarlo a crear componentes de React aún mejores en este artículo.

Lee mas