Una de las principales tareas del científico de datos es crear visualizaciones de datos. Aunque existen cantidad de herramientas para visualizaciones y compartirlas hoy vamos a crear un dashboard como el de la foto(En realidad es el de la foto) simplemente con HTML5 y Google Charts. Existen muchas soluciones para crear Dashboards, en algunas de […]
La optimización de imágenes para la es crucial para conseguir una mejor experiencia de usuario. Si las imágenes tardan mucho en cargar, por muy bonitas que sean, provocarás cansancio en el usuario, que desea que las cosas se carguen rápido. Como comentaba, la mayor parte de una web son las imágenes(cada vez mas) y para […]
Una de las cosas que aprendí en el último Liferay Symposium fue la existencia de la etiqueta ‘picture’ en HTML5. El uso de esta etiqueta solventa uno de los grandes quebraderos de cabeza cuando uno hace páginas web responsive, la imágenes insertadas en la página tienen realmente el mismo peso independientemente del tamaño del dispositivo. […]
Las transiciones con jQuery ya no se llevan, de hecho jQuery ya no se lleva. Ahora lo que se llevan son las transiciones por CSS que utilizan aceleración por hardware obteniendo una mejor experiencia de usuario. Además, usando CSS tenemos mejor independencia entre código y diseño. Para crear transiciones en CSS utilizamos la propiedad ‘transition’ […]
Si queremos hacer UIs(User Interfaces) ricas y que hagan disfrutar a nuestros usuarios debemos dominar el ‘Drag&Drop'(O el arrastrar y soltar). HTML5 nos aporta un mecanismo para implementar el ‘Drag&Drop’ nativo mediante un sistema de eventos. Para ello deberemos definir que elementos queremos que sean arrastrables y en que sitios se podrán soltar. Definiendo los […]
Una de las funcionalidades mas demandadas últimamente es permitir a los clientes personalizar sus productos durante el proceso de compra. Es importante que el diseño se integre perfectamente en el proceso de compra. Por ejemplo, compro unas bambas y elijo los colores o les imprimo una foto. En el siguiente ejemplo encontrareis una prueba de […]
El hash es el símbolo almohadilla que a veces nos aparece en algunas Url, tradicionalmente para hacer que el navegador se posicionara en un punto concreto de la página(Donde había un ancla). Esto tiene aplicaciones muy chulas, por ejemplo, a la hora de crear catálogos, formularios o aplicaciones RIA(Rich Internet Applications). Básicamente es una manera […]
Una aplicación HTML5 nunca va a tener el mismo rendimiento, ni usabilidad, ni podrá hacer uso de los recursos del dispositivo(teléfono,tablet, TV, reloj, wareables, etc.) igual de bien que una aplicación nativa. Pero una aplicación HTML5 también tiene sus pros, por ejemplo, es mucho menos costoso de mantener, el desarrollo es mucho mas rápido o […]
Para no obligar al usuario a paginar, páginas como facebook o linkedin cargan el contenido(Posts, actualizaciones, productos) dinámicamente a medida que el usuario se va desplazando con el scroll. En este pantallazo se ve como mi aplicación para Android carga automáticamente los posts de mi blog usando esta técnica: Para conseguir esto usando HTML y […]
AngularJS es un Framework Javascript para crear aplicaciones web mantenido por Google. Implementa el patrón MVC(Modelo-Vista-Controlador), nuevas directivas, uso de plantillas, componentes reutilizables, localización, validación de formularios entre otros. AngularJS trabaja bien con otras tecnologías, es decir, que podemos usarlo conjuntamente con otras librerías o frameworks como JQuery o YUI. Además, la comunicación entre el […]