Generar QR Code con Google Charts

Generar QR Code con Google Charts

Como desarrolladores sabemos que los códigos QR permiten interactuar con el mundo a través de un teléfono inteligente, podemos generar QR Code con Google Charts muy fácilmente.

Hoy en día, los códigos QR se pueden ver en folletos, carteles, revistas, etc. Permiten de una forma rápida y sencilla de almacenar información que luego puede ser interpretada por nuestro teléfono inteligente.

Al escanear un código QR utilizando el teléfono inteligente, se obtiene un acceso inmediato a su contenido. El lector de código QR puede realizar una acción, como abrir el navegador web para una URL específica, abrir una aplicación, desbloquear una bicicleta, realizar un pago y una infinidad de acciones posibles.

Depende del lenguaje hay dependencias que te permiten manejar la generación de estos códigos, el problema muchas veces es que para poder implementar algo tan sencillo, requerimos de la instalación de varios repositorios, dependencias, paquetes, configuraciones y tener habilitado nuestro servidor para poder generarlos. ¿Qué problema no?

Bueno, buscando una forma de poder generar fácilmente y evitando toda la configuración anterior, encontré una solución donde podemos generar QR Code con Google Charts fácilmente.

Tenemos una URL http://chart.apis.google.com/chart la cual debemos pasarle por query params los siguientes argumentos:

  • cht: Indica el tipo de gráfico que queremos mostrar, para nuestro caso sería qr.
  • chl: Es el contenido en String que queremos como contenido de nuestro código QR.
  • chs: Es el tamaño width, height qué deseamos para nuestro código.

Todos los argumentos son requeridos así que no olvides enviarlos todos.

Este sería un ejemplo de QR que apunta a este mismo post.

Si te gustaría conocer más sobre los argumentos que acepta esta api puedes revisarlo en la documentación de Google Charts

Si te ha parecido útil, compártelo con tus amigos en tus redes sociales.

¡Hasta un próximo post!

Nuevo Theme para Febrero 2016

Theme para Febrero

Este blog comenzó como una recopilación de aprendizajes a lo largo de mi carrera profesional, compartiendo cada experiencia vivida, celebrando las cosas buenas y como las que no han sido tan buenas también. Muchos themes han ido y venido, la mayoría no han sido mis favoritos y es hora de cambiar las cosas, por eso he decidido que debo tener un nuevo theme para febrero 2016.

Ya en publicaciones anteriores había comentado que estoy buscando un nuevo theme para mi website, el que estaba nunca me gustó del todo, pero había que salir con algo, aplicando la teoría del Producto mínimo viable
(MVP) nos dice que:

Un producto mínimo viable tiene sólo las características básicas suficientes para lanzar el producto, y no más.

Y por eso decidí comenzar con lo que tenía para ese entonces, pero desde hace un tiempo para acá he seguido de cerca lo fácil que es leer en medium.com por su estilo de diseño, fuente, facilidad de lectura y muchas cosas más, me inspiró a cambiar de theme.

Luego de tanto buscar finalmente me decidí a probar este theme (que está instalado actualmente), pensando que sería solo el nuevo Theme para Febrero 2016, vamos a ver cómo influye esto en visitas, calidad del contenido, comentarios y todo el feedback de todos los lectores, ustedes serán los primeros influenciadores para mantener este Theme o si busco otro para marzo. WOW ya vamos para marzo…

Bueno, espero que les guste este cambio de diseño en el blog, yo lo estoy disfrutando un montón.

¡Hasta un próximo post!

Raw output Handlebars.js

Muchas veces necesitamos colocar en HandlebarsJS caracteres especiales que no deben ser parseados o convertidos. Para esto hay una solución muy sencilla, y lo dejo aquí como un recordatorio que esto existe.

Para lograr conseguir este raw HTML output simplemente debes usar triple llave {{{ }}}

Y todo el contenido HTML no interpretado por el navegador se irá.

¡Hasta un próximo post!

Media Query CSS3 basicos

media query css3

Estos son los media query css3 que utiliza twitter bootstrap 3 para ajustarse a las resoluciones, espero que les sea tan útiles como a mi.

Twitter Bootstrap Media Query CSS3

Aprender HTML5 nunca fue tan fácil

Recuerdo aquellos años cuando aprendí a codear HTML con dreamweaver, un shell que me permitía ver el código fuente y el resultado HTML al instante.

Pues ahora Mozilla tiene un proyecto llamado Mozilla Thimble, que te permite escribir código HTML5 y ver el resultado en tiempo real de como se ve el resultado final de tu pagina. Excelente!

Aquí les dejo el enlace:

https://thimble.webmaker.org/