Get it on Google Play
Desarrollo frontend: Tratamiento de ficheros en HTML5 y Javascript

Desarrollo frontend: Tratamiento de ficheros en HTML5 y Javascript

Pues resulta que HTML5 tiene una estupenda API para poder trabajar con archivos. Esta API nos permite leer los archivos en distintos formatos. Después esto tiene muchas aplicaciones como poder partir ficheros grandes, tratamiento de ficheros antes del envió, etc. Vamos a suponer que tenemos un pedacito de HTML donde tenemos un campo de formulario […]

10/07/2018 by Albert Coronado 
Formación científico de datos: Desarrollo de un dashboard con HTML5 y Google charts

Formación científico de datos: Desarrollo de un dashboard con HTML5 y Google charts

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 […]

27/03/2018 by Albert Coronado 
Optimizar imágenes para la web desde la línea de comandos

Optimizar imágenes para la web desde la línea de comandos

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 […]

06/11/2017 by Albert Coronado 
Imágenes responsive con soporte nativo del navegador con HTML5 y PICTURE

Imágenes responsive con soporte nativo del navegador con HTML5 y PICTURE

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. […]

30/10/2017 by Albert Coronado 
Formación y Desarrollo UX: Transiciones con CSS 3

Formación y Desarrollo UX: Transiciones con CSS 3

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’ […]

16/11/2016 by Albert Coronado 
Desarrollo UI atractivo: Drag and Drop nativo en HTML5

Desarrollo UI atractivo: Drag and Drop nativo en HTML5

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 […]

10/08/2016 by Albert Coronado 
Ecommerce: Personalizando tus productos con SVG(Scalable Vector Graphics)

Ecommerce: Personalizando tus productos con SVG(Scalable Vector Graphics)

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 […]

22/03/2016 by Albert Coronado 
Técnicas Javascript RIA(Rich Internet Applications): Uso del hash en la Url

Técnicas Javascript RIA(Rich Internet Applications): Uso del hash en la Url

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 […]

19/12/2014 by Albert Coronado 
Embediendo aplicaciones HTML5 dentro de aplicaciones nativas Android

Embediendo aplicaciones HTML5 dentro de aplicaciones nativas Android

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 […]

28/08/2014 by Albert Coronado 
UI(User Interface): Cargando contenido dinámicamente con el scroll

UI(User Interface): Cargando contenido dinámicamente con el scroll

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 […]

19/08/2014 by Albert Coronado