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!
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 :)
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:
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.
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."
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:
← Older posts |
Newer posts →
All content is Copyright 2009 Diego Fernández Goberna, unless otherwise stated.
