Web

Cómo implementar la autenticación en Next.js con Auth0

Un tutorial paso a paso sobre cómo agregar autenticación y autorización a sus aplicaciones Next.js, con Auth0. Usaremos un SDK de Next.js para conectar nuestra aplicación a la API Auth0 y crearemos la ruta API dinámica para React.

Lee mas

Patrones de diseño frustrantes: megamenús desplegables

Todo lo que se debe tener en cuenta al diseñar y crear un megadesplegable, errores comunes, retrasos de entrada/salida de desplazamiento, técnica de triángulo de trayectoria y áreas de salida de ruta SVG.

Lee mas

Cómo crear, editar y animar archivos SVG, todo en un solo lugar con SVGator 3.0

Hoy vamos a echar un vistazo más de cerca a [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), una nueva versión importante de la popular aplicación SVG que le permite crear, editar y anime archivos SVG y aproveche al máximo lo que SVG tiene para ofrecer, de principio a fin.

Lee mas

Smashing Podcast Episodio 37 con Adam Argyle: ¿Qué es VisBug?

En este episodio, estamos hablando de VisBug. ¿Qué es y en qué se diferencia de la variedad de opciones que ya se encuentran en Chrome DevTools? Drew McLellan habla con su creador Adam Argyle para averiguarlo.

Lee mas

Cómo mejoramos nuestro Core Web Vitals (estudio de caso)

La "Actualización de la experiencia de la página" de Google comenzará a implementarse en junio. Al principio, los sitios que cumplan con los umbrales de Core Web Vitals tendrán una ventaja de clasificación menor en la búsqueda móvil para todos los navegadores. La búsqueda es importante para cualquier negocio, y esta es la historia de cómo Beau Hartshorne y su equipo en Instant Domain Search mejoraron sus puntajes Core Web Vitals.

Lee mas

Sacudir árboles: una guía de referencia

"Tree-shaking" es una optimización de rendimiento imprescindible cuando se empaqueta JavaScript. En este artículo, profundizamos en cómo funciona exactamente y cómo se entrelazan las especificaciones y la práctica para hacer que los paquetes sean más eficientes y eficientes. Además, obtendrá una lista de verificación para sacudir árboles para usar en sus proyectos.

Lee mas

Patrones de diseño frustrantes que deben corregirse: Selector de cumpleaños

En esta nueva serie de artículos sobre UX, analizamos más de cerca algunos patrones de diseño frustrantes y exploramos mejores alternativas, junto con muchos ejemplos para tener en cuenta al crear o diseñar uno. Comencemos con un selector de cumpleaños infame.

Lee mas

Pequeñas historias aplastantes

Hoy marca el día en que enviamos nuestra edición número 300 del Smashing Newsletter. Este artículo es una pequeña celebración en la que compartimos pequeñas historias de Smashing de personas que trabajan detrás de escena.

Lee mas

Comprender las funciones de aceleración para animaciones y transiciones CSS

Las funciones de aceleración pueden cambiar la apariencia de una animación al afectar la tasa o velocidad de una animación. En este artículo, profundizaremos en las funciones de aceleración y veremos cómo podemos usarlas para crear esas animaciones naturales e impresionantes.

Lee mas

Cómo incorporar capas de pruebas de accesibilidad en su proceso

Los expertos en accesibilidad Kate Kalcevich y Mike Gifford presentan a los lectores las "pruebas de accesibilidad en capas", una práctica de usar una variedad de herramientas y enfoques en diferentes etapas del ciclo de vida del producto digital para detectar problemas de accesibilidad temprano, cuando es más fácil y económico solucionarlos.

Lee mas