FlashUP

This is a small "web component" I've just made for handling uploads. It uses Flash to support multiple files at once, to be a little more robust than simple html, and to have information of the upload progress, which is displayed using javascript+css.


(well, in the video the upload is done locally and the files are relatively small, so the progress bars go from 0 to 100 :P)


Download FlashUP

The installation is very simple:

1. In your HTML, put the traditional code for a file upload:

<form action="upload.php" method="post" enctype="multipart/form-data">
<input type="file" name="file" id="fileid"><br>
<input type="submit">
</form>

2. Include flashup.js, and call flashup('fileid') function after the page is loaded. 

3. Set your button and progress bars style (see index.html included in the package)

If Flash is available, the form content will be replaced by FlashUP, and files can be uploaded like balloons in the air. If Flash is not available, the form will remain as originally was.

The code it's very simple and straightforward, I just made something lightweight and productive for my own projects, and I thought someone could use it too, so here it is :)

Cheers!



  
»Post a comment
(Tags allowed: <b> <u> <s>)

 
Write down: FEISS  

Mouse Heatmaps

Yesterday I've received an email from Reinvigorate.net, telling that their new stats system is available. I was surprised of one of their new features: Heatmaps. They record all the clicks your visitors have done in your website and they show you all of them in that gorgeous way (you can see an example clicking the fourth image in their homepage).

I've tried!, FSM knows it... but I could'n manage the urge for trying it by myself:



This is the very rough and fast attempt. You can play with it here: 

http://feiss.be/exp/heatmaps/

It's not the same stuff as reinvigorate, but similar. Instead of getting the clicks per page of many visitors, it gets many clicks from one visitor, and renders the information using metaballs, like reinvigorate (although my colors are not so nice :_(

Also, It records the movement of the mouse, showed in white tracks.

The thing uses the html5 canvas element. I tried to do a progressbar, but it's no possible*, the DOM is not refreshed until the whole computation is done. I've tried with a Worker, but sadly, it seems that Workers don't have access to the DOM, so time wasted (well, not exacly, I've learnt how to use them ;)

The script is very slow! At first I've did it using ALL the page viewport, but it was too slow, so I've moved the rendering to only the image area. Reinvigorate doesn't have this problem, since their render is surely done in the server (and using a native -and faster- code), but the fun thing of this little experiment was doing it at the client ;)

Sorry, the code is really ugly, unoptimized and undocumented :P


*Well, I think that using Timers and using a renderRow() function it could be done, but I think it would be too ugly, it doesn't worth it :P

NOTE: Upps, It seems It only works in Safari, I'll try to correct it these days. FIXED! (great performance in Chrome, as usual :)


--- Comments --------

cool!
gyakoo ~ 2 months ago

  
»Post a comment
(Tags allowed: <b> <u> <s>)

 
Write down: XOTE  

Save Lola

Hace cosa de un mes hice un matte painting para Lalivingston, para la capaña publicitaria "Save Lola the Turtle". Me dieron una tarde/noche para integrar un estanque de agua y una tortuga en una foto de una calle madrileña, de tal manera que quedase lo más realista posible. El objetivo era que el público se creyera realmente que el estanque estaba ahí realmente. 

Me pasaron este material:

 +  =

Y esta es una de las dos versiones que hice:



Ver proyecto


--- Comments --------

Vas a disculpar mi zafiosidad, pero la tortuga no está muy bien integrada eh?
J ~ 2 months ago

...ni la tortuga ni el resto, pero menos mal que luego en el video ya se encargaron ellos de ajustar todo :P
Diego ~ 2 months ago

Falta Jonathan the zombie pululando entre el público. Habría sido un toque...
Jano ~ 2 months ago

pues a mi me parece que esta de puta madre, la verdad... un trabajo fino en los reflejos, como van contaminando de color unas cosas a otras, etc.
felicidades :)
sergio ~ 2 months ago

hehe, gracias!
Diego ~ 2 months ago

a mi tambien me gusta! (bastante dificil es que el planteamiento de por si ya es increible) ademas, luego en postpro lo desenfocan todo y parece de verdad de la buena.. bsos
gracia ~ 1 month ago

jelou! sageras como siempre, pero muchas gracias! :))
Diego ~ 1 month ago

  
»Post a comment
(Tags allowed: <b> <u> <s>)

 
Write down: NIGHT  

Las tropas del Imperio en Santiago

Para los que aún no se enteraron (queda alguien?), este Viernes, desde las 17.00, una tropa del ejército imperial de StarWars desfilará por la zona vieja de Santiago de Compostela.

La organización calcula que serán más de 300 soldados, que junto con las gaitas tocando la Marcha Imperial y la voz de Constantino Romero para dar el pregón de Darth Vader, pueden hacer del evento algo magno, magno :D

http://www.imperialstormtroopers.com/

Mira el recorrido y más información útil para los visitantes.



  
»Post a comment
(Tags allowed: <b> <u> <s>)

 
Write down: MERLI  

Hasta luego, RSSs

Desde hace ya bastantes meses (años?) invierto un tiempo increíble simplemente revisando twitter, buzz, RSSs, email. Todo lo que suelo mirar y leer suele ser interesante o curioso, y realmente disfruto consumiendo toda esta información.

Lo malo es que de entre todo este consumo se aprovecha muy muy poco, y el resto se expulsa como si parte de un proceso digestivo se tratase. Al menos, a mi me pasa... aunque diría que es algo bastante común de la "sociedad 2.0" (arg, qué mal suena): Somos burdos y pasivos devoradores de información y ocio. 

Mucha gente estará a gusto con este papel de consumidor pasivo, pero no es mi caso. Es por esto que acabo de eliminar 34 de los 66 RSS que consultaba.

La gran mayoría de estos 34 feeds los considero interesantes y de relativa calidad, útil para mi trabajo. Pero son potencialmente útiles, no útiles hoy. Con lo cual, puedo prescindir de ellos. El día que quiera consultar algo concreto, tengo recursos de sobra en Google o en el mundo real para satisfacer esa necesidad.

Cuáles forman el 32 restante? RSSs de amigos y conocidos, de los que sí quiero estar informado. Y como son muy tranquilos y buena gente, dan muy poco trabajo, entre 0 y 5 posts al día :)

Mañana, Twitter y Buzz. Pasado mañana, E-Mail.

Bueno, E-Mail no, era una broma :) Aunque sea un medio de comunicación prehistórico, cómo podría vivir sin E-Mail?

En fin, hasta luego RSSs!

"¿Y a dónde irá el recién nacido desde aquí? La red es vasta e infinita."


--- Comments --------

El twitter no lo borres, que "estoy trabahando en ello"...
Manel ~ 3 months ago

hehehe, ok, lo decía refiriéndome a "en un futuro"...
Diego ~ 3 months ago

a mí me ha funcionado leechblock... un addon de firefox que bloquea las webs si las visitas más de un tiempo determinado.
tb, el tener internet en el portatil, y el PC para trabajar. En el PC de trabajo, está todo bloqueado, y por supuesto, no hay ni messenger ni email.
ah, y controlar el numero de tabs. Si empiezo algo, intentar no distraerme, abriendo ventanas y tabs "para luego". La multitarea es especialmente ineficiente.
De todos modos, estamos sufriendo una enorme superproducción de información, y algo tendremos que hacer al respecto.
derethor ~ 3 months ago

Gracias, lo probaré!
Diego ~ 3 months ago

  
»Post a comment
(Tags allowed: <b> <u> <s>)

 
Write down: GOBER  

Magnetova

En los huecos libres de Semana Santa, ayudé a Magnetova Entertainment con su recién estrenado video corporativo.

Lo que hice fue retocar el primer plano de la fábrica, modificando el logotipo original:



... y añadiendo el humo de la chimenea (simulación de partículas y render de volumétricas en Houdini).

ANTES:



DESPUÉS:




--- Comments --------

Ferpectamente integrado todo. El video está tremendo xD
Jul ~ 3 months ago

  
»Post a comment
(Tags allowed: <b> <u> <s>)

 
Write down: PLANET  

← Older posts | Newer posts →


All content is Copyright 2009 Diego Fernández Goberna, unless otherwise stated.