ToDo Lo Que Se PueDe CoNTaR - por Jordi Llobet

Tutorial jQuery: FadeTo + Php

noreply@blogger.com (Jordi Llobet Torrents) — Wed, 19 May 2010 13:36:00 +0000

Siguiendo con el framework de javascript jQuery, aprovecho para mostrar otro ejemplo. Ésta vez he combinado el efecto FadeTo con php, para así generar un listado dinámico (por ejemplo extraido de base de datos). El efecto FadeTo nos permite elegir (entre otras cosas) qué nivel queremos de opacidad (de 0 a 1) y podemos hacer el efecto hacia FadeIn o hacia FadeOut.

1.Cabecera de javascript. Como otros posts, recomiendo la de google aps, me parece la más rápida al cargarse.

2.Código HTML + PHP. Aquí generamos el código y incremetamos las variables que nos servirán para saber la cantidad de elementos en los que queremos aplicar el efecto.




    

        <?

        $cont = 0;

        while ($cont < $total_elementos) {

            ?><?

            $cont++;

        }

        ?>

3.Código javascript del documento. Hacemos un bucle de todos los elementos que mostramos y en los que deseamos aplicar el efecto. Si hacemos una llamada a una base de datos, dicho código lo situamos antes del tag </body> para así dar tiempo a que se incremente la variable $num_projects


	

        $('#el_0').mouseover(function() {

            $('#el_0').fadeTo("fast", 0.3);

        });

        $('#el_0').mouseleave(function() {

            $('#el_0').fadeTo("fast", 1);

        });

4.Por último los css.


    #main {

        position: relative;

        background-color:#1D1D1D;

    }

    #main ul{

        position:relative;

        left:50px;

        width: 90%;

    }

    #main ul li {

        position:relative;

        list-style:none;

        float:left;

        margin-right:10px;

        border: 1px #fff solid;	

        width: 150px;

        height: 150px;

        margin-bottom: 10px;

        vertical-align: middle;

        background-color: #000066;

    }

Espero que os sirva ~~a alguién almenos~~ para algún proyecto que hagáis. A mi me ha ido bastante bién. De hecho, así no utilizo los estilos "opacity" o "filter" que siempre me dan problemas a la hora de validar los estilos de una web (Es lo que nos toca mientras esperamos que todos los navegadores acepten Css 3). He juntado los estilos para tenerlo todo en un archivo. Será mas cómodo por si alguién quiere descargárselo:

Archivos

Tutorial jQuery: Drag and Drop

noreply@blogger.com (Jordi Llobet Torrents) — Wed, 19 May 2010 10:29:00 +0000

Me he prometido a mi mismo aprender un poco más de javascript. Des de la simple vista de un ~~pringao~~ principante como yo, me pareció que el framework jQuery es el más potente, aunque mootols y scriptaculous (entre otros) tienen aspectos muy positivos. Pero vamos al lío... Cuelgo el tutorial de las funciones draggable y droppable. Para utilizarlo en una web comercial quizás no nos aportarán mucha ayuda, pero para según qué aplicaciones online nos puede ser util.

1.llamada a los archivos del framework jQuery. Por mi ~~corta~~ experiencia utilizo los archivos en los servidores de Google, aunque cada uno lo puede poner donde quiera...

2.Código HTML de la página.Simple.



     

     

     



    Arrastra éstos elementos: 

    Izquierda

    Medio

    Derecha

Los elementos que vamos a arrastrar son los h3 item_1, item_2 y item_3. Dónde los arrastraremos? Van a ir en sus respectivos contenedores, en caso que los arrastremos a otro contenedor que no sea el suyo no nos va a dejar y volveran a su última posición.

3.Código js. Permite hacer los efectos del framework:


$(document).ready(function() {
   $(".item_1").draggable({ revert: 'invalid' });
   $("#main_left").droppable({
    accept: '.item_1',
    activeClass: 'drop_hover',
 hoverClass: 'drop_hover',
 drop: function(event, ui) {
 $(this).addClass('drop_hover').find('p').html('Dropped!');
}
   });

   $(".item_2").draggable({ revert: 'invalid' });
   $("#main_middle").droppable({
    accept: '.item_2',
    activeClass: 'drop_hover',
 hoverClass: 'drop_hover',
 drop: function(event, ui) {
 $(this).addClass('drop_hover').find('p').html('Dropped!');
}
   });

   $(".item_3").draggable({ revert: 'invalid' });
   $("#main_right").droppable({
    accept: '.item_3',
    activeClass: 'drop_hover',
 hoverClass: 'drop_hover',
 drop: function(event, ui) {
 $(this).addClass('drop_hover').find('p').html('Dropped!');
}
   });
});

4.Código css. Es muy corto, pero creo que facilita muy bien la visibilidad de los efectos.


@charset "utf-8";
/* CSS Document */
body {
font-family: Verdana, Arial;
font-size: 12px;
color: #666;
width: 100%;
margin: 50px 0px 0px 0px;
}

#main {
position: relative;
width: 700px;
height: 200px;
text-align:left!important;
}

#main_left {position: relative;float:left;}
#main_middle{position: relative;float:right;}
#main_right {position: relative;float:right;right: 15px;}

#main_left,
#main_middle,
#main_right {
height: 100%;
width: 200px;
border: #000 solid 2px;
padding: 5px 10px 5px 10px;
}
#main_left:hover,
#main_middle:hover,
#main_right:hover {
border: #F1001C solid 2px;
}

.drop_hover {
position:relative;
border: 1px #000 dotted!important;
}

#play h3 {
position: relative;
width: 100px;
cursor: pointer;
background-color: #ccc;
}

Espero que sirva de ayuda para alguno. Yo tengo el efecto puesto en una de mis webs ~~dotadas de un diseño pésimo digno del programador que llevo dentro~~.

Demo

Archivos

ToDo: Bar Coppa Manresa

noreply@blogger.com (Jordi Llobet Torrents) — Mon, 26 Apr 2010 18:12:00 +0000

Y es que una nueva opción en el ocio nocturno de Manresa está disponible. La verdad, ya era hora. No quiero restar calidad a los otros establecimientos, porque calidad hay en la mayoría. Simplemente es por la música y el ambitente. Reconozco que yo ya no soy muy dado a fiesta hasta largas horas de la noche, sino más de "apalanque" o de "tranquis" como se dice en lenguaje "slang" del país. Como decía, el Bar Coppa Manresa, es una buena opción para quién no quiera estar una larga noche de fiesta, sinó hasta una hora aceptable ~~en la que tu madre no te mire mal~~. Es un establecimiento con una decoración muy moderna y con buena musica house. Lo recomiendo para quien pueda leer ésto y no sepa qué hacer un viernes o un sábado noche en Manresa.

Como dice su lema: "Coppa eres tu, tu eres Coppa".
Dejo el enlace a su facebook para quién quiera ver más información.

Ustream, video streaming casero

noreply@blogger.com (Jordi Llobet Torrents) — Wed, 24 Feb 2010 16:30:00 +0000

Vía twitter me he topado con ésta aplicación para iPhone (también disponible vía web). Ustream es un servicio de video ~~amateur~~ streaming. Al retransmitir nuestra señal de video "on live" ustream muestra en nuestro "canal" (una dirección web para cada usuario) con la señal de vídeo y un chat en vivo y en directo. Serás la envidia de todos los voyeurs, y a parte de saber cuántos mirones tienes, también podrás hacer encuestas de si tu show está gustando al público.

Lo bueno de la aplicación, es que mediante el iPhone podrás retransmitir video en directo y chatear con quien le interese ~~tus pinitos de presentador~~ lo que estés grabando. Además, podrás ver los canales de otros usuarios, uno de los cuales es el más que conocido Ashton Kutcher (@aplusk), y también videos en directo de distintas radios, conferencias, etc.

MWC Barcelona '10

noreply@blogger.com (Jordi Llobet Torrents) — Wed, 24 Feb 2010 15:46:00 +0000

La semana pasada tuvo lugar en Barcelona la feria ~~para geeks~~, el Mobile World Congress. A parte de los últimos modelos de ~~robots asesinos~~ móviles se ha podido notar un aumento de personal en el mundillo de los desarrolladores de aplicaciones. Y es que cada vez más a menudo salen a la luz aplicaciones innovadoras que aprovechan al máximo las características de los dispositivos.

También se pudo disfrutar de múltiples conferencias, una de ellas, fue la presentación de Windows Mobile 7. Microsoft ha dado un paso adelante en el mundo de los móviles, y ha ideado un sistema operativo basado en Windows 7. Su simplicidad pretende facilitar al usuario su interacción con el servicio de correo y las plataformas sociales vía móvil. Además, la integración del buscador Bing hace "mucho más intuitivas las búsquedas" y también se ha hecho mucho más intuitivo el servicio de reproducción de música, videos, imágenes, etc.

Por último, destacar otras presentaciones interesantes, como las aplicaciones más de moda hoy en día: realidad aumentada, o el nuevo dispositivo de LG, LG Mini, que con su plataforma basada en Windows Surface, ha sido uno de los grandes triunfadores de la feria.

Mod Rewriter en IIS

noreply@blogger.com (Jordi Llobet Torrents) — Thu, 19 Nov 2009 15:20:00 +0000

Un dia andaba buscando yo información para crear url semánticas. Esto no es nada del otro mundo si se trabaja sobre un servidor Apache, o cualquier que sea linux, pero en mi caso, trabajaba en un ~~jodido~~ IIS. Con esto la cosa se complica, y si encima, quien te lleva el servidor es una empresa llamada Arsys ya ni te digo lo que empeora la cosas...

Al final, tuve que crearme mi propio servidor web, y eso hice, en el trabajo, cogimos el servidor y le instalamos el IIS. Pero aunque la instalación fué un éxito (cabe decir que eso era relativamente fácil) no tuve mi recompensa, más tarde descubrí, que el complemento Mod Rewrite no viene instalado. Pues claro que no viene instalado, es más, ¡es de pago! El 'fabricante', 'distribuidor' es la empresa Helicon Tech y el producto se llama Isapi Rewrite. Recomiendo a la gente que esté buscando éste complemento que lo pille de allí, funciona bién y es exactamente lo mismo que en apache, creamos nuestro archivo .htaccess y listos!

Revista Chicas Chicos Modelos y otros

noreply@blogger.com (Jordi Llobet Torrents) — Thu, 03 Sep 2009 15:56:00 +0000

Hace cerca de un año, unos colegas de estudios empezaron un proyecto. Dicho proyecto era el de sacar una revista online gratuita al mercado. La revista no pretendía ser otra revista más, de frikismo o tendencias, sinó que el tema principal era claro, mujeres. La mayor parte era de modelos femeninas, a parte de ésto, había información de las próximas estrenas de cine y juegos, y no hablo de mini información, sinó de opiniones contrastadas por gente entendida, ya que los estudios dónde he comentado que nos conocimos eran de la materia en cuestión.

La entrada en el blog, viene por que a día de hoy todavía estan en funcioamiento. Y aunque no sin contratiempos siguen pelando por estar en un mundo, el de las revistas de índole variada dónde es difícil de acceder. Ahora, con algunos cambios en el producto del Grupo Eedén Fotografía, han introducido la aparición de modelos masculinos y por fin han encontrado algún que otro anunciante, siguen adelante y ofrecen su revista mensual para deleitarnos con las excelentes fotografías de modelos masculinos y femeninos.

Os recomiendo de todo corazón hecharle un vistazo, y aunque no queráis formar parte de la família de seguidores de Edén Fotografía podéis uniros a su grupo en Facebook para darles un poco de apoyo. Y si estáis interesados en salir en ella, en su página web tenés la información, y de regalo por la sesión os hacen el book para modelos ;)

Aprendiendo Flex (I)

noreply@blogger.com (Jordi Llobet Torrents) — Sun, 24 May 2009 16:05:00 +0000

Al fin encontré la forma de empezar con éste programa/lenguaje/tecnología. Después de que me anularan el curso en 3 sitios distintos por falta de gente (tan dificil es encontrar 5 ~~frikis~~ personas con ganas de aprender Adobe Flex!?), compré un curso por internet, en Video2Brain, y la verdad es que de momento me sirve bastante. Está claro que me sería mas fácil si tuviera ~~una modelo en ropa interior~~ un tio explicándomelo, pero la verdad, está muy currado éste videotutorial, des de mi modesta experiencia puedo darles un viso bueno! :)

Adobe Flex es un programa cuya intención es facilitar la creación de RIA's (Rich Internet Aplications). Su programación se basa en un lenguaje de XML, el MXML que mezcla el diseño y la interactividad de Flash con el fácil acceso a archivos XML. La potencia de Flex está sobretodo en su gran cantidad de componentes ya creados, los cuales facilitan mucho el tratamiento de datos. Dejo un ejemplo de mis primeros ejercicios de Flex, una tabla con datos extraidos de un XML. Al clicar encima de algún elemento de la tabla, nos muestra su informacion en un formulario de más abajo.

Como uno de mis primeros ejercicio está bien. Reconozco que es fácil, pero quizás sirve como tutorial o aprendizaje para algunos. Por cierto, si alguien sabe de alguna escuela en Barcelona dónde aprender Flex que me lo comente! Tengo guardada una en Madrid, CICE, donde espero poder asistir algun dia...

Lo prometido es deuda

noreply@blogger.com (Jordi Llobet Torrents) — Wed, 13 May 2009 12:05:00 +0000

Como comenté hace algunos días, tuve que hacer una precampaña de publicidad de una marca de celo, concretamente para Kores. En su momentó, en un arrebato de poca vergüenza y poco cariño hacia mi persona colgué las fotos en las que salgo francamente ~~desfigurado, deformado, horroroso, feo, feísimo, hombre elefante~~ mal y me quedé tant tranquilo. En fin, después de unos días, el cartel ha pasado por manos de Guillermo, el designer de la empresa que me ha subido el ego (imaginaros como era antes de retocarlo...).

Que quede claro que ésto no deja de ser una muestra de campaña y aunque ha sido aceptada, la versión final será hecha por un modelo de verdad, ya que con mi foto, está claro que ganarían muchas carcajadas, pero mucho no venderían...

PD: Por cierto, mañana último capítulo de Lost de ésta temporada...!!

La Mona

noreply@blogger.com (Jordi Llobet Torrents) — Mon, 20 Apr 2009 13:43:00 +0000

Me hace mucha ilusión colgar éste post, no por las fechas en sí, sinó porqué hace ya más de un año que tengo el blog, y la segunda entrada que hice fué exactamente el después de vacaciones de Semana Santa. Como decía, me hace especial ilusión porque por pocas veces en mi vida he sido constante, i he ido escribiendo alguna cosa en éste blog ~~que es seguido por fans de todo el mundo~~.

Aunque con una semana de retraso, porque mi family es así de "guay", celebramos "la Mona" de Pascua por todo lo alto. Con la comida en familia, la mona, el huevazo de mi tío Toni, y un pequeño corte de pelo de mi primo, vamos que aburrirse, nada de nada... Para que os hagáis una idea del huevo de chocolate, pongo el video de la masacre, se puede comparar con el del año pasado! :)

Entre creatividad y celo

noreply@blogger.com (Jordi Llobet Torrents) — Fri, 17 Apr 2009 13:02:00 +0000

Está claro que hoy por hoy sólo me queda tiempo de escribir entradas para descargar los capitulos de Lost. Además, tampoco me pasan cosas suficientemente interesante como para escribirlas, sería aburrido y quizás un poco atrevido hablar diariamente de mis cosas, sabría más mi madre ~~fan nº1 de mi blog~~ que yo mismo. Sin embargo, hoy he encontrado un ratillo para escribir y algun que otro tema para hablar.

Tenemos una campaña de Fixo en curso y los creativos ~~aquellos que se les~~ pa~~ga por pensar....¡ya ves tu!~~ no se les ocurrió mejor idea que ponerme de model para un anuncio de celo. Soy consciente de mi facilidad por quedar mal ante las cámaras, pero de aquí a prestar mis carismáticas muecas al público de masas de la casa Fixo hay un espacio un poco grande. La imágen pretende ser una imitación a Jim Carrey en "Yes Man" (titulada "Dí que sí" en nuestro magnífico país, lugar de abundante conocimiento de la lengua inglesa) y está claro que ni se le acerca, pero también es cierto que él está en Hollywoo, cobrando un pastón ~~que caaaaaaaaabron~~ y en cambio, yo aquí pringando de "Mr. Eatbrowns".

PD:Está claro que la campaña no es ésta foto! XD. Eso es del make in off ;)

Probando el live Writer

noreply@blogger.com (Jordi Llobet Torrents) — Fri, 09 Jan 2009 22:48:00 +0000

Después de un tiempo desaparecido vuelvo, tengo que decir que por medio han habido cambios notables, de hecho, si me paro a contar solo ha sido uno, pero muy importante. Cambio de trabajo. De hecho sigo haciendo cosas parecidas, programación web, pero el entorno es bastante distinto. La empresa ~~des~~afortunada es Manifiesto (http://www.manifiesto.biz) que ya comenté en su día. Hoy por hoy puedo decir que es una empresa muy competente, muy prometedora, con un ambiente de trabajo excepcional y unas ideas que la misma McCann puede ir temblando ~~tusiiiiiiiiiiiiii~~!

A lo que iba, me acabo de bajar el windows live messenger, y para mi gusto, es de lo peor que he visto nunca, por lo que a usabilidad-diseño se refiere. Por dios, me pierdo constantemente!!!! He visto que junto con el pack del “life”, me he bajado algunos otros programas, uno es el live writer, y ahora mismo lo estoy testeando. Creo que está muy bien pensado. Se trata de un programa para editar blogs. Le das la informacion de tu blog (direccion, nombre de usuario y contraseña) y el solito se prepara y te permite editar un post y coger las categorías almacenadas en tu blog. Lo que no sé es si al colgarlo habrá algun problema, si lo estás leyendo, es que tuvo éxito la cosa! ;) Además, todo todo todo lo de microsoft no va a ser malo!

Derbi GP1 125 Una más en la família! (no de carne y hueso...)

noreply@blogger.com (Jordi Llobet Torrents) — Fri, 31 Oct 2008 08:37:00 +0000

Me compro una moto, si. Mi decisión ha sido tomada debido a varios factores:

El bajo precio de la moto
La duración del trayecto hacia el trabajo
Las desconocidas horas a las que voy a terminar de trabajar
En Barcelona siempre viene bién una moto.

En un principio ~~acto reflejo de mis sobrados puntazos de caprochosidad~~ tenía la intención de cogerme una moto de carretera deportiva, estilo Derbi GPR. Pero pasando los días y manteniendo conversaciones me han hecho reflexionar y ver, que en Barcelona, lo más comodo son las scooters. La que se vé más es la Honda Scoopy 125. Por éste motivo, ya no me llamaba la atención. Por lo que he decidido comprarme otra... Al final, he comprado la Derbi GP1 125 (la que véis en la foto). Se aceptan críticas, a ver que opina la gete...Yo ya iré contando las ~~ostias que me doy~~ aventuras. De momento ni la tengo!

Por cierto, tengo que dar gracias a mi padre que le he hecho llamar muchas ~~1231241241241~~ veces a sus compis de Derbi. En fin, dejo las condiciones de la moto, por si alguien quiere opinar sobre ello!

2000km
2 años 8 meses
1 año de garantía
2.550€

Next Stop: Manifiesto

noreply@blogger.com (Jordi Llobet Torrents) — Thu, 30 Oct 2008 10:26:00 +0000

Después de un tiempo pasando mi vida profesiona entre posicionamiento y marketing web, me desvinculo de éste mundillo y me paso al de programador de aplicaciones interactivas. Tengo que reconocer que suena demasiado bien para lo que realmente es: programador PHP/Action Script. El tiempo dirá si el cambio es para mejor o para peor, de momento, las ganas de empezar son tremendas. La ~~des~~afortunada empresa es Manifiesto. La web es muy divertida, y tengo que decir que la empresa me pareció muy atractiva por los trabajos realizados. El ambiente jóven, y parece que muy trabajadores. Me tocará currar de lo lindo, pero seguramente valdrá la pena. El tiempo dirá...

Sitges FICC (...y 2)

noreply@blogger.com (Jordi Llobet Torrents) — Tue, 14 Oct 2008 15:22:00 +0000

Se acabó el festival y con ello el movimiento de zombies por Sitges! Me ha gustado más el segundo fin de semana que el primero. No me disfracé de zombie, aunque despues de levantarme a las 6:30 de la mañana mi cara debia parecerlo un poco, pero disfruté del pase de 8 horas de películas de zombies que no pasaron. No nos quedamos a todas porque no podía sostener mis ojos abiertos. Pero los cortos que vimos me gustaron, y el largometraje (el único que ví) me gustó también. Esas pelis de zombies en las que juegan con el humor tienen su gracia.
Debido a mi memoria ~~extremadamente~~ duradera no recuerdo el nombre de los cortos, y los trailers de la peli que ví es una mierda...por lo que pongo el mas decente que he encontrado, si veo alguno mejor ya lo pondré!

Acompañado

noreply@blogger.com (Jordi Llobet Torrents) — Tue, 14 Oct 2008 15:16:00 +0000

Hacía tiempo que no comía con algunos de mis antiguos compañeros de universidad. Si, la universidad que nunca llegué a acabar... Me gusta ver que 5 años después de empezar, nos reunimos como si fuera el primer año y nos reimos con las mismas tonterias. Son aquellas amistades que aunque pasen los años, estaremos allí para lo que haga falta ~~pa' lo que quiera' neing!~~. Me da un poco de rabia no tener las fotos de cuando iba a la Salle...no puedo colgar ninguna! :( Eso si, recuerdos en mi memória muchos! Hasta todavía tengo uno en la puerta de mi habitación!! :D

Jordi Llobet - Sitges FICC

noreply@blogger.com (Jordi Llobet Torrents) — Tue, 07 Oct 2008 18:39:00 +0000

El pasado fin de semana fuimos al Sitges FICC. Nuestra asistencia en dicho festival es bastante notable, más de mis colegas ~~freaks~~ que de mi, pero en todo caso, tenemos cada año la intención de ir. Cada año hay films bastante buenos (y no me tomen la palabra como un gurú del cine, que no lo soy) y algunas veces damos en el clavo, y otras, como es normal con tantos pases, no.
En los próximos días voy a hacer alguna explicación (des de mi más modesta posición de espectador) de los largometrajes ~~pelis joder, son pelis!!~~ que hemos visto.

Freedom
Director: Shuhei Morita
Ficha

No soy un fan de ese tipo de dibujos, pero reconozco que me gustaron bastante. Una série futurista en que la humanidad está peor que actualmente ~~¿¡siempre van de lo mismo!?~~. Se me hizo corto, buena señal contando que nos pasamos unas 3 horas en el cine. Tengo que decir a favor, que el argumento me pareció genial y me recordó un poco ~~mucho~~ a Wall-e. No estoy acostumbrado a ver un anime y quedarme enganchado. Los cambios de ritmo de la acción son brutales, y los momentos cómicos perfectamente situados ~~dónde se van a colocar sino capullo!~~.

Jordi Llobet - Cambios

noreply@blogger.com (Jordi Llobet Torrents) — Fri, 03 Oct 2008 13:36:00 +0000

Dejo atrás mi vida en el piso de Barcelona para ganar dinero y perder tiempo. Ganar dinero en la estancia en Barcelona y perder tiempo en ir y venir de Manresa. Sobre el papel las cuentas salen, fuera de cuentas y cálculos se verá si la nueva situación es viable o a la segunda semana estoy por los suelos muerto de sueño ~~y hasta los cojones de la RENFE~~. Detrás dejo a mi roomate Rubik. Con ello muchos recuerdos y muchas experiencias. Ha sido un buen compañero, una persona fácil de entenderse y muy fácil de reirte (no todo el mundo dispone de la facilidad para hacer reir, pero él si).

Echaré de menos el despertador cuando tu te levantabas antes, Los gritos que pegabas al llegar, Las histórias de las chicas de la uni, Huelepedos, Lanzamocos desde el sofá después de la comida, las partidas al mario kart, las 'reglas' del piso para Sandra, Poderte cabrear con las ostias en la puerta, oir tus discursos de comida sana mientras yo me hacía mi carne frita, los gritos tuyos al ver que tu chocolata había sido conquerido por mini-aliens, ...

PD: Tranquil rubik, potser d'aquí poc torno!!! :D

¿ Diseño o Usabilidad ?

noreply@blogger.com (Jordi Llobet Torrents) — Thu, 18 Sep 2008 07:40:00 +0000

En la universidad, hice una asignatura de Usabilidad. Usabilidad vendría a ser el estudio de la buena interacción entre usuario-objeto, dígase objeto de cualquier cosa que pueda tener interacción con el usuario. Personalmente éste tema lo trato más en el mundo web que en otra cosa, será por que es a lo que me dedico... Como decía, hice la asignatura en la uni, y me llamó la atención, el hecho de "jugar" con los usuarios que visitan tu web, y poder "conducirlos" por la página a tu gusto. Me gustó mucho, la verdad. Ahora lo he puesto a la práctica, y siempre estamos pendientes de la usabilidad. Dependiendo de eso, el usuario nos rellenará un formulario, o nos clickará en un enlace determinado. Lo que he notado, es que las aplicaciones usables, suelen carecer de diseño, y ésto es un tema que ya no me gusta tanto.

¿el diseño y la usabilidad son incompatibles?

No sabría responder a ésta pregunta, no soy ningún gurú, ni llevo el tiempo suficiente en el mundo para explicarlo. Lo que sí sé, es que si un producto es conocido y su base es llamar la atención (Armani, D&G, Nike, Coca-cola, etc.), no uses la usabilidad, vé al diseño. El producto entrará por los ojos, que la mayoría de veces, es lo que los propietarios quieren.

A día de hoy, tengo que reconocer que no he visto muchas webs con un diseño increible y que sean usables. Dejo algunas para que decidáis que os gusta más...

Diseño:

- Sicalipsis -
- Leo Burnett -

Usabilidad:

- Marqueting Buscadores -

Flash, Flex y Air, el futuro?

noreply@blogger.com (Jordi Llobet Torrents) — Thu, 11 Sep 2008 14:46:00 +0000

El otro día estábamos ~~borrachos~~ discutiendo con un colega, de para qué servían las aplicaciones Flash, Flex y Air. Somos conscientes de la función del Flash, y hasta sabemos la función de Flex, pero el Air ya nos descolocó un poco. Solo quiero resumir esos 3 métodos de desarrollo para aplicaciones web de manera que se pueda entender. Quiero dejar claro que los comentarios van dirigidos al mundo website, pero que con el flash, por ejemplo, se tiene la posibilidad de hacer dibujos y series (Cálico Electrónico, etc.)

Adobe Flash:

El flash es un programa que ya lleva su tiempo en el mercado. Su facilidad para hacer aplicaciones visuales o para animar objetos ha hecho que se gane un puesto en el mundo web. Muchas animaciones o banners estan hechos con éste programa, y ultimamente, muchas webs ya se construien con su totalidad con flash. Tiene dos formas de trabajar, la visual y la de programación. La programación que utiliza es Action Script, que a dia de hoy, la versión 3 es la más nueva. En el apartado visual, se basa en dibujos vectoriales y con linea de tiempo, que permite animar cualquier figura que se ponga en el escenario.

Flex Builder:

Una gran carencia a día de hoy del flash, era que para trabajar con datos web dinámicos, tenías que hacerlo con xml. No era posible la comunicación con una base de datos sin la integración de un fichero .php en medio. Ahora con flex, nos permite trabajar directamente en servidor (como el php) y todo queda dentro de la suite de adobe. Con flex se pretende hacer toda la página, por lo que a contenido se refiere, y en cuando se necesite alguna animación, banners u otros aspectos más de diseño, utilizar el flash.

Adobe Air:

De dos herramientas para el trabajo web pasamos a una herramiento para uso local. Con el Adobe Air se pretende tener aplicaciones locales de páginas de internet. YouTube facilita una aplicación de escritorio para ver los videos que estén en su página web, éso sería una aplicación local basada en un sitio de internet, y ésto es Air. También las aplicaciones para Twitter (Twirl, etc.) son aplicaciones Air. En el mercado existen otros productos que ofrecen lo mismo, como seria Google Gears, o Microsoft Silverlight.

Comparando

noreply@blogger.com (Jordi Llobet Torrents) — Tue, 09 Sep 2008 07:26:00 +0000

Debido a mi desconocimiento en matéria laboral, me puse a investigar cuál es la forma de trabajar de mi oficio, que sería programador informático en el ámbito web, vamos, que lo dejaríamos en Desarrollador Web, que queda mucho más pro. Mi perfil es más desarrollador flash, pero a medida que he ido viendo otros lenguajes veo su utilidad y su posible interacción con el lenguaje que realmente me gusta. Como decía, he ido comparando temas profesionales, trabajos, formaciones, sueldos, sitios de trabajo, etc.

La conclusión todavía no la tengo, eso sí, lo que no me falta son "quizás". Quizás dejo el piso en barna dependiendo del trabajo que encuentre, quizás dejo el trabajo donde estoy dependiendo de las condiciones, quizás me pongo a estudiar otra vez dependiendo del panorama, quizás me voy a Madrid si no me sala nada de lo anterior bien y no encuentro ninguna escuela de Flex en Barcelona...En fin, que tengo cantidad de incertidumbres. Lo que no tengo son las cosas claras...

Programando...

noreply@blogger.com (Jordi Llobet Torrents) — Wed, 27 Aug 2008 18:11:00 +0000

¡Hace 3 días que no salgo de casa! Me parece que me volveré como Iniesta, con ése blanco de piel tant bonito que cuándo vas por la calle tienes que taparte porque tienes posibilidades de deslumbrar a alguién. El hecho de quedarme en casa no me precuparía mucho si no fuera porque el 70% de las horas me las paso ~~mirando youporn~~ programando. Recientemente he acabado el proyecto de Marketing Buscadores. Mi trabajo ha sido la maquetación (css + html). Ahora falta separar los apartados en un .php y un trabajito más de programador, a ver que tal...
Otro proyecto que tengo des de hace tiempo es el de MDE, es una página web que integra html, css, javascript (mootools), php, mysql, flash y 3D... Cosas no le van a faltar... De momento no está finalizada, espero acabarla entre éste mes y el que viene, pero la verdad, cuando acabo una cosa, me sale otras dos más para arreglar...que trabajo el de programador...

Ya que no la colgué en su día, pongo una foto del día que fuimos a la playa con los colegas. Aquí se ve la figura que tienen algunos de ellos, vamos que estamos fuertotes ~~fuertotes siiiii~~. Queda patente una de las manías del putu ruis, si que cuando sales del agua fría siempre es difícil encontrartela...

Musica - CYAN

noreply@blogger.com (Jordi Llobet Torrents) — Tue, 26 Aug 2008 10:45:00 +0000

Estoy muy agradecido de mis años de universitario. Aunque no fueran del todo exitosos en tema académico, si que puedo decir que fué immejorable en tema de amistades. Algunas personas de las que no conocí (es de cir, la mayoría) las he ido conociendo con el paso del tiempo, relacionandome con mis antiguos compañeros. Una muy buena amiga mía, me comentó un grupo en el que participa un colega suyo de la Salle. No tengo el placer de conocer a nadie de dicho grupo, pero con la recomendación escuché alguna de las canciones que tenían. Aunque reconozco que no es mi tipo de musica, estoy de acuerdo que es un buen rock para ser del país. Me recuerda un poco a los Planetas, aunque no eran los más escuchados en mi liasta de reproducción, y quizás también un poco de melancólico tipo Radiohead, que tienen alguna canción espectacular, pero no soy un fan nº1. En fin, esto para decir que el "single" del grupo CYAN, El sabor de los segundos, me gustó mucho. Me encanta. Dejo el vídeo para quién quiera, y el link a su página.

Netvibes: Ajax a mansalva

noreply@blogger.com (Jordi Llobet Torrents) — Mon, 25 Aug 2008 16:27:00 +0000

Siguiendo consejos de un conocido en facebook, encontré el enlace a ésta página/aplicación llamada Netvibes. Tiene el perfil de un iGoogle, vamos que sirve para lo mismo, con alguna diferencia de contenido. Por lo que he ido viendo se trata de una página para configurarse como tu página de inicio. Luego puedes ir llenando de información tu "portal" para que se adecue a lo que necesitas. Lo bueno de que no sea de una empresa como Google es que puedes tener allí todas tus cuentas de correo. A parte de eso, un montón de gadgets conectados a otras aplicaciones de internet como pueden ser twitter, facebook, delicious, etc. Además puedes crear portales públicos, sin tu correo, ni temas personales, pero con otro contenido (mini-chat, calendario, animaciones flash, etc.). Dicho contenido será visto por tus contactos o por la gente que se pase todo el dia netvibeando. El link es netvibes.

PD: Por cierto, mi universo es el http://www.netvibes.com/jllobet visitarlo, pero no hay mucha cosa =$

Día de Playa! :)

noreply@blogger.com (Jordi Llobet Torrents) — Sun, 10 Aug 2008 22:43:00 +0000

Ayer hicimos una visita a la playa, concretamente a Comarruga. En mis tiempos de niñez, solíamos veranear, con la familia, en Comarruga. Recuerdo unos apartamentos bastante cómodos, y en primera línea de mar, evidentemente. Más tarde ya nos pasaríamos a la costa Brava, que para mí, mejor (más tranquila, mejor arena, ~~más guiris~~ ). Pues allí fuimos, un día que no empezó muy correcto, climatológicamente hablando, pero si que avanzó mejor durante el día. El agua estaba bastante buena (caliente) y la verdad es que invitaba a darte un baño, aunque el sol no fuera un visitante muy sólido en la playa.

En la comida me di cuenta de porqué en España no damos 'tip' (esa propina tan común de los EEUU). El camarero era arrogante a más no poder, y encima de borde, malo en las mates, porque nos acabó cobrando de más... Después de descansar un ratito en la sobremesa, llegó la hora de hacer el ~~subnormal~~ loco en la piscina de los apartamentos de Núria. Allí nos dió tiempo de pegarnos un baño en la piscina, jugar con la ~~super~~ cámara acuática de Randstad, jugar con la pelota inchable ~~de aftersun~~ y dar el gusto al ~~putu~~ Roig de destrozarla intentando hacer de Ronaldinho...

Para acabar el día, sesión de Cervezas y GinTonics en el CityArms, buena compañía y buena musica (aunque altísima). Algunos se fueron un poco tocados para casa (no?...)