Archivos para las entradas con etiqueta: html5

La semana pasada creé un par de directivas para drag&drop en Angular por dos motivos:

  • Pienso que resuelve un caso de uso bastante útil, aunque muy general.
  • Quería ver cómo funciona la subida a npm.

Leer el resto de esta entrada »

This afternoon I’ve been playing a little with AngularJS, and finally I’ve fully understood how the service $parse works.

I was trying to create a directive that makes use of HTML5’s file reading API. I dind’t want to create a new element because the input type="file" element is okay. So I’ve created an onReadFile attribute which gets a function as a parameter. This function performs some logic with the file content. In this example I will only show that content on screen.
AngularJS HTML5 file API Leer el resto de esta entrada »

Hoy vamos a ver un ejemplo más real del uso de las directivas.

Uno de los momentos en que ves la necesidad del uso de directivas en AngularJS es cuando necesitas modificar algún elemento del DOM. Si lo haces en el controlador, es muy probable que tengas que duplicar código o sacarlo a un fichero externo, con lo que tu aplicación es “menos angular” que antes. Además, estamos dándole al controlador responsabilidades que no deberían ser suyas. Vamos a ver el ejemplo con una ventana modal. El controlador debe decir ahora abre/cierra la ventana modal, pero no le importa si ésta es un alert, un modal de bootstrap, un fancybox o algo hecho por nosotros. De eso se encargará nuestra directiva. Leer el resto de esta entrada »

Para ello nos vamos a valer del plugin elastic de jQuery, que hace que nuestros textareas crezcan en base al tamaño del texto escrito. Además, capturaremos el evento de pulsado de la tecla Intro para el envío del comentario. Al igual que en Facebook, permitiremos que la combinación de teclas Shift+Intro realice un salto de línea.
Leer el resto de esta entrada »

Debo reconocerlo: últimamente me estoy aficionando bastante a cuánta razón. Por la noche me meo de la risa con las ocurrencias de la gente y los pósters que publican. Alguna vez he pensado en colaborar y tal, pero eso de coger un editor de imágenes se me hace pesado. Así que pensé “esto seguro que se puede hacer con HTML5 y el objeto canvas”, con lo que tuve una excusa para aprender lo mínimo y plasmarlo en esta entrada. Leer el resto de esta entrada »

Y muy cutre, porque aún estoy haciendo pruebas y enseñándome esto de los componentes canvas y el tag audio. Pero funcional, oiga.

A mi ya se me ha ocurrido con esto hacer un gestor de podcasts en HTML5 súper guapo. Lo pongo en la lista de proyectos pendientes. Vamos a ver la primera aproximación. Leer el resto de esta entrada »

Vamos a ver cómo con muy poquito javascript podemos hacer drag&drop de ficheros sobre nuestra aplicación web. Gracias a esta funcionalidad podemos conseguir, por ejemplo, un efecto similar a los que hace gmail con el arrastre de ficheros para adjuntarlos.
Leer el resto de esta entrada »

A %d blogueros les gusta esto: