Astro middleware
Qué es y cómo funciona un middleware en Astro.
Todos los artículos
Reordenar commits en una rama local
Aprende cómo reordenar commits de una rama local que no se ha subido aún al repositorio.
Yalc: trabaja con paquetes locales como un profesional
Prueba y desarrolla paquetes npm o yarn localmente antes de publicarlos con Yalc.
Proxies en JavaScript
Cómo los Proxies en JavaScript nos permiten interceptar y personalizar el comportamiento de los objetos.
Instrucciones personalizadas para GitHub Copilot en VS Code
Usa instrucciones personalizadas para que GitHub Copilot entienda mejor tu proyecto en Visual Studio Code.
Efecto visual de confeti
Canvas confeti es una librería para generar annimaciones altamente optimizadas de confeti en el navegador.
Docker
Q
Simulación de una cola en JavaScript
Implementación y simulación de una cola en JavaScript utilizando el elemento canvas.
Interaction to Next Paint (INP)
Métrica de Core Web Vitals que mide la capacidad de respuesta de una página a la interacción del usuario.
Búsqueda inversa en la consola de Linux
Domina la búsqueda inversa en la terminal de Linux para recuperar comandos escritos con anterioridad.
Solventar conflictos en el archivo package-lock.json
Cómo resolver conflictos en el archiivo de control de dependencias en un proyecto JavaScript con npm.
Integrar Tailwind en Astro
Cómo añadir la librería Tailwind CSS a proyectos Astro.
Cómo crear una cinta (ribbon) en CSS
Crear una cinta decorativa sólo con CSS parar destacar ofertas o mensajes en nuestra interfaz visual.
Validación de esquemas de datos con Zod
Zod es una librería para TypeScript que nos permite definir y validar esquemas de datos fácilmente, de forma segura y sin depender de herramientas externas.
Control deslizante de comparación de imágenes
Implementar un comparador de imágenes deslizante usando HTML, CSS y JavaScript, ideal para mostrar diferencias entre dos imágenes superpuestas.
Desplegar web en Cloudflare con GitHub Actions
Automatiza el despliegue de tu sitio en Cloudflare Pages con GitHub Actions.
Git merge squash
Cómo agrupar commits en uno solo al hacer merge a otra rama git.
Diferencias entre client load y client only en Astro
Cómo y cuándo cargar componentes en el navegador sin afectar el rendimiento con Astro.
Crea una barra de progresión para indicar el porcentaje de scroll de una página
Cómo crear una barra en la parte superior de la web que indique el porcentaje de scroll avanzado en una página.
Conectar paquetes locales durante el desarrollo con npm link
A veces puede ser útil probar paquetes npm sin tener que publicarlos, con este comando podemos hacerlo fácilmente.