Web

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

Cerrando la brecha entre diseñadores y desarrolladores

UXPin ha lanzado recientemente una nueva función llamada "Fusionar". Esta herramienta tiene como objetivo romper los abismos de diseño y desarrollo, al tiempo que mejora la agilidad y la calidad que esperan nuestros equipos. Esta nueva tecnología puede hacer que se reconsidere cómo colabora todo el equipo de diseño y el equipo de ingeniería.

Lee mas

El patrón oscuro de autorrelleno

Un "patrón oscuro" es un patrón UX engañoso que engaña a los usuarios para que hagan cosas que en realidad no quieren hacer. En este artículo, Álvaro Montoro hace un pequeño experimento para descubrir cuánta privacidad se les quita a los usuarios en tres navegadores diferentes.

Lee mas

Animación CSS componible en Vue con AnimXYZ

La mayoría de las bibliotecas de animación, como GSAP y Framer Motion, se construyen únicamente con JavaScript o TypeScript, a diferencia de AnimXYZ, que está etiquetado como "el primer kit de herramientas de animación CSS componible", construido principalmente con SCSS. Si bien es una biblioteca simple, se puede usar para lograr muchas cosas increíbles. animación en la web en poco tiempo y poco código.

Lee mas