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 
Desarrollo de visor de contenidos HTML5

Desarrollo de visor de contenidos HTML5

Hace pocos días el Ayuntamiento de Girona a presentado su nuevo visor de contenidos que yo me he encargado de implementar. Este visor de contenidos a sido desarrollado sobre HTML5 + jQuery y esta totalmente integrado con su gestor de contenidos Liferay. Entre sus funcionalidades destacar que dispone de un cargador javascript que carga los […]

03/03/2014 by Albert Coronado 
Verano 2013: Formación Liferay, HTML5, Apps Firefox OS y BigData (Resumen NINJA)

Verano 2013: Formación Liferay, HTML5, Apps Firefox OS y BigData (Resumen NINJA)

Agosto terminó y pronto empezarán mis vacaciones, pero no sin antes hacer un pequeño resumen de todo lo que he publicado este verano(Para despistados, todos los que se han ido de vacaciones o nuevos lectores). Liferay Este blog no seria lo mismo sin hacer referencia a Liferay y sus post de formación Liferay. Quiero posicionarme […]

13/09/2013 by Albert Coronado 
© Albert Coronado Calzada