Un poco sobre lo aprendido y la historia de regalame.app 🎁

Recibir un pequeño o gran regalo es el nexo que nos hace sentir cerca de las personas que queremos. — https://regalame.app/

Regalame te permite crear listas de regalos para compartir con otras personas, usando tus favoritos de Mercado Libre.

La idea surgió de @co_constanza cuando comentó su deseo de compartir con otras personas su lista de favoritos de Mercado Libre, para que le manden y poder mandar regalitos.

La idea tomó vuelo y consultando con otras personas fue evidente que compartían el mismo deseo. …


Cuando empecé a aprender web tuve la suerte de estar rodeado de personas que me enseñaron diferentes conceptos para desarrollar y construir frontends.

Uno de estos conceptos fue Progressive Enhancement (Mejora Progresiva).

Es conocer la plataforma web y pensar en la funcionalidad básica a la hora de construir nuestro frontend.

Para que sea sencillo de explicar veamos un ejemplo con los famosos M&M.

Aquellas personas que podemos comer maní y nos gusta, lo disfrutamos cuando viene recubierto de chocolate y aún más si lo cubrimos con confite.

Si al maní le aplicamos Mejora Progresiva, obtenemos un resultado mucho más rico…


Juguemos en la web mientras el lobo no está. ¿Lobo está?

Photo by Grégoire Bertaud — https://unsplash.com/@sirtook

Hace unos días estaba buscando nuevas APIs para web y me encontré con la API de User Idle Detection. Básicamente nos permite identificar cuando el usuario no está interactuando con nuestra web:

The Idle Detection API notifies developers when a user is idle, indicating such things as lack of interaction with the keyboard, mouse, screen, activation of a screensaver, locking of the screen, or moving to a different screen. A developer-defined threshold triggers the notification.

Hace unos años junto a @impronunciable desarrollamos un feature para expirar la sesión del usuario cuando no estaba realizando ninguna actividad dentro del Panel de…


En una primera instancia tenía pensado escribir sobre qué son y cómo crear extensiones para Chrome.

Lo que me motivo fue lo sencillo de crear la extensión de Collected Notes y la buena onda de la gente que se copó haciendo sugerencias y tirando ideas.

Lamentablemente, si querés saber cómo crear una extensión este no va a ser el post.

Lo bueno es que en la web está lleno de tutoriales sobre cómo crear tu propia extensión por lo que uno más no iba a sumar nada.

Me gusta ser crítico respecto a las cosas que hago. Siempre me cuestiono…


La accesibilidad web es la práctica inclusiva de garantizar que los sitios web, las herramientas y las tecnologías estén diseñados y desarrollados para que las personas con discapacidad puedan usarlas. Más específicamente, que todos aquellos usuarios puedan percibir, comprender, navegar, interactuar y contribuir con la Web1.

Wikipedia.

Todas las personas tienen derecho de acceder e interactuar con nuestro contenido y no debemos privar a nadie.

Ser accesibles es responsabilidad de quienes construimos la web. Sin embargo, por algún motivo es un tema tabú, es el feature a futuro y a veces ni la tenemos en cuenta.

En la mayoría de…


Photo by Hunters Race on Unsplash

A principios de 2016 empecé a probar React y pude “ver” con mis propios dedos los beneficios que brinda en la experiencia de desarrollo y en la performance de la UI.

En dicho año la popularidad de React ni se asemejaba a lo que sucede en la actualidad. Facebook no lo usaba, nadie hablaba de server-side rendering y Next.js no existía para ese entonces.

En Mercado Libre queríamos ser muy ágiles desarrollando web y planteamos hacer un cambio del stack de front, ya que era una de las causas de ser lentos.

Recuerdo haber leído muchísimos artículos de Netflix, Airbnb


¿Tiene sentido? ¿Cuándo es necesario hacerlo? ¿Por qué sibarita es tan rica?

Photo by Josh Hild on Unsplash

El proceso de image decoding sucede luego de descargar una imagen cuando el browser obtiene la información de los colores de cada pixel para saber cómo dibujarla en la pantalla (rasterización).

El tiempo y uso de memoria de este proceso varia según el peso y tamaño de la imagen por lo que puede llegar a penalizar el renderizado general. Un punto para ver de cerca en Web Performance.

Si enviamos esta tarea a otro thread podemos llegar a beneficiarnos y destrabar el render de elementos más importantes, como por ejemplo texto.

HTML ofrece la propiedad decoding que permite indicarle al…


Si estás arrancado en web sugiero priorizar conocimientos básicos y conocer las herramientas estándar con las que vas a poder probar todo sin instalarte nada.

Empezar directamente con un framework puede dar la sensación de avanzar rápido pero vas a estar más tiempo aprendiendo a usarlo que sobre web en sí.

Que no te confundan con el framework de moda.

Por eso recomiendo leer sobre HTML, CSS, JavaScript, el navegador en sí, performance, SEO y accesibilidad.

Hasta podrías especializarte en Accesibilidad que se viene un lindo periodo para Latam!

Comparto links y un posible orden para cada uno de los temas:

  1. ¿Cómo funciona el navegador?
  2. HTML Markup
  3. CSS
  4. JavaScript (orientado a DOM)
  5. Accesibilidad
  6. Web Performance
  7. SEO

Podes llegar a hacer cosas como estas:

Meow. 🐈

Originally published at https://blog.pazguille.me.


Offline es un estado de nuestra aplicación, por lo que tenemos que contemplarlo y ofrecer alguna solución a nuestros usuarios.

¿Cómo puede ser que una aplicación web pueda utilizarse sin acceso a internet? Parece algo contraproducente. Sí, pero es la posta.

En Agosto del 2014, creé el repositorio offline-first con el objetivo de recopilar información sobre cómo hacer que nuestras web apps sean accesibles cuando no tenemos internet o la conexión es mala.

En su momento, había muy poca información y la tecnología con la que contábamos no estaba tan madura ya que tenía varios problemas.

A principios del 2013, se empezó a trabajar en el draft de lo que hoy conocemos como Service Workers y fue un punto de…


¿Otra aplicación para ver el estado del subte? Si.

Hace tiempo que tenía ganas de probar now y luego de escuchar la charla de Guille Rauch en la NodeConf me decidí por probarlo y ver qué onda.

Para aquellos que no saben, now te permite hacer deploys de aplicaciones o servicios en Node en “segundos”.

Algo que me gusta a la hora de probar o aprender algo nuevo, es hacerlo en un proyecto que luego “cobre vida” (siempre que se pueda). Entonces, empecé a revisar mis “proyectos abandonados” en Github en donde pudiera aplicarlo y encontré el repositorio HaySubte.

Hace un año atrás había empezado a armar una web…

Guille Paz

Front End Web Developer - Sr. Technical Manager at @mercadolibre | https://pazguille.me

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store