Generar QR Code con Google Charts

Generar códigos QR se ha vuelto una costumbre ya que es una forma rápida y sencilla de almacenar información que luego puede ser interpretada por nuestro teléfono inteligente.

Depende del lenguaje hay dependencias que te permiten manejar la generación de estos codigos, el problema muchas veces es que para poder implementar algo tan sencillo, requerimos de la instalacion de varios repos y tener habilitado nuestro servidor para poder generar esto. ¿Qué problema no?

Bueno, buscando solución a esto me encontré que Google es capaz de generarlo fácilmente.

Tan sencillo como eso. les envío un ejemplo de QR que apunta a este mismo post.

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

¡Hasta un próximo post!

Theme para Febrero

Como había escrito en publicaciones anteriores, estoy buscando un nuevo theme para mi website, el que estaba nunca me gustó del todo, pero había que salir con algo. Desde un tiempo para acá he seguido de cerca lo fácil que es leer en medium por su estilo y fuente, eso también me inspiró a cambiar de theme.

Luego de tanto buscar finalmente me decidí a probar este theme, pensando que sería solo para Febrero, de ustedes y sus comentarios, 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 cara, 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!

jQuery Cookbook – Solutions & Examples for jQuery Developers

BONUS DEL FIN DE SEMANA

Cada fin de semana estaré compartiendo un bonus, generalmente van a ser los libros que he ido consiguiendo como bonus de otras paginas.

En esta ocasión les traigo un libro de Javascript. jQuery Cookbook – Solutions & Examples for jQuery Developers fue escrito para lectores de JS nivel intermedio, el libro está en Inglés como la gran mayoría pero es una referencia sumamente útil.

Éste es el índice de lo que podrán encontrar:

Espero puedan disfrutar este libro tanto como yo.

Enlace: http://adf.ly/1Ve53b

Nota: El enlace está acortado con adf.ly, demora 5 segundos para que continúes con la descarga, con esto me apoyas para continuar publicando.

¡Hasta un próximo post!

 

 

Tamaño estandar de banners

Este es un artículo algo viejo pero puede servir de mucho como un histórico. Cual es o fue el tamaño estándar de un banner. La publicidad en Internet ha cambiado mucho desde aquellos tiempos en los que un banner estático invadía la pantalla.

¡Hasta un próximo post!

¿Pero, qué es un diseño responsive?

Hoy en día accedemos a Internet desde todo tipo de dispositivos móviles por lo que es un requisito obligatorio que una web sea capaz de adaptarse a los diferentes tamaños de pantalla de los dispositivos. El diseño web responsive responde a un diseño con una correcta visualización de una misma página en diferentes dispositivos, pudiendo ser un móvil, una tablet o un desktop.

Este diseño responsive se caracteriza por tener imágenes muy fluidas que se adaptan a todo tipo de tamaño de las diferentes pantallas de los dispositivos, además de permitir una navegabilidad rápida, ofreciendo una lectura muy cómoda sin contenidos duplicados y botones adaptados para el uso de cada dispositivo.

Es necesario ofrecer una web adaptable a las diferentes pantallas, ya no solo con el fin de evitar la pérdida de clientes, actuales y potenciales, y ventas, ahora Google puede hacerte descender de sus primeros puestos por no tener una web adaptada al móvil o incluso hacerte desaparecer por ello.

Si tienes una web que aun no es responsive deja tu comentario.

¡Hasta un próximo post!

Herramientas para Wireframe

Todos los proyectos en etapa inicial necesitan tener un boceto rápido acerca de como quedará la interfaz, poder validar, medir la experiencia de usuario y usabilidad. Para ello, usamos Wireframes, según Wikipedia:

En diseño web, un wireframe es una representación esquemática de una página web sin elementos gráficos que muestran contenido y comportamiento de las páginas. Sirven como herramienta de comunicación y discusión entre arquitectos de información, programadores, diseñadores y clientes. También se pueden utilizar para comprobar la usabilidad de un sitio web.

La principal ventaja es que ofrece una perspectiva basada solamente en la arquitectura del contenido, obviando el diseño y evitando elementos accidentales que puedan distraer (colores, tipografías, imágenes, textos, etc.).

Aquí hay algunas herramientas gratis y otras pagas.

iPhone Mockup

Wireframe Tools

MockNow

Wireframe Tools

Mockingbird

pidoco

Wireframe Tools

Lovely Charts

justinmind

Wireframe Tools

Cacoo

Jumpchart

Wireframe Tools

Lumzy

Creately

Wireframe Tools

Gliffy

frame box

Wireframe Tools

Mockflow

Pencil

Wireframe Tools

SimpleDiagrams

JustProto

Wireframe Tools

Denim

Balsamiq Mockups

WireframeSketcher

Wireframe Tools

iPlotz

FlairBuilder

Wireframe Tools