Get it on Google Play
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 
Ejemplo de uso de AngularJS + PHP

Ejemplo de uso de AngularJS + PHP

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

17/06/2014 by Albert Coronado 
Navegador interactivo del CCCB

Navegador interactivo del CCCB

El pasado 2013 se puso en producción el Navegador interactivo del CCCB(Centre de Cultura Contemporànea de Barcelona). Aplicación HTML5 que me encargaron implementar. Se trata de una aplicación interactiva muy interesante que permite situar puntos sobre diferentes mapas de la ciudad de Barcelona, como por ejemplo, la Barcelona de 1933. Además, permite participar a los […]

13/03/2014 by Albert Coronado