Con cada vez más encima el tema de CSS3 y sus aplicaciones la gente se está poninedo las pilas para que se usen todas sus características y así tengamos una web más ágil y ligera.

Es el caso de Drew Wilson y su typeface Pictos, ideada para empezar a prescindir de imágenes en los proyectos web donde es necesaria una buena interfaz. Usando @font-face podemos cargar el typeface y usar las letras como si fueran imágenes, con lo que el resultado es una web muy chula en interfaz y muy ligera en cuanto a código.

Un par de ejemplos en su web (No contiene imágenes, es todo texto, aunque no lo parezca)

http://pictos.drewwilson.com/

No me preguntes que tiene de nuevo porque no tengo ni idea, pero algún fallito que otro habrán arreglado seguro. Así es que aquí está, la 3.0.1

En el proyecto que estoy haciendo para la empresa de estudios de georadar he hecho un apartado de administración en el que he incluído un par de secciones, entre ellas una de imágenes. En ella doy la posibilidad de subir imágenes para que sean mostradas en el frontEnd.

Como se que esta gente me lo acabará pidiendo he hecho que las imágenes puedan ser ordenadas. Y que mejor forma para ordenar una lista de imágenes que utilizar un drag&drop con jQuery.

Buscando por internet he encontrado que la jQuery UI tiene implementada una función que hace esto en una lista desordenada (<ul>), el método sortable(). He buscado un poco más y he encontrado esta página http://jsbin.com/oqani/10 donde se muestra de forma clara como utilizar dicho método.

Al hacer esto, y siguiendo los pasos de la página, se crea un array con los identificadores ordenados (identificadores que previamente he puesto en cada uno de los elementos de la lista). Con lo que simplemente hay que pasarle a php la lista de identificadores y actualizar la base de datos.

Esto último lo he hecho via AJAX ya que me parecía el método más cómodo y limpio de ordenar los identificadores de cada una de las imágenes.

Funciona genial. Si alguien tiene dudas de como implementar todo el sistema ya sabeis.

Act: No lo voy a dar por terminado todavía. Voy a intentar crear un placeholder cuando hago el drag, a ver si me sale.

Act2: No ha sido dificil el tema del placeholder, y queda bastante mejor

Resumen de la conferencia Symfony Live 2010 en Symfony.es

+

Me ha gustado mucho la primera parte, donde Fabien Potencier ha repasado las novedades (CssSelector, DomCrawler, Browser, Finder), donde ha ido poniendo ejemplos de código donde se veía la simplicidad en el uso de los mismos.

También me ha gustado el tema de los Bundles, se ve muy limpio el tema y muy bien pensado.

Me ha llamado la atención el amplio desarrollo que está haciendo la gente de Doctrine para soportar Mongo y todo el tema de NoSQL. Igual habría que llevar la base de datos por esos derroteros.

Impresionantes los Benchmarks que ha sacado Fabien en la última parte de la conferencia, donde pone a Symfony 2 muy por encima de Symfony en cuanto a peticiones por segundo. De hecho, es tan estable que cuantos más usuarios hacen peticiones al mismo tiempo, mejor es Symfony 2 respecto a Symfony.

-

No me ha gustado que no se proporcionen las trasparencias una vez ha terminado la conferencia. Tendríamos que poder echarle un segundo vistazo a todo lo que se ve en cada presentación. Igual estoy pecando de vago y no he buscado lo suficiente, pero me da que no hay nada por la red.

Las preguntas que podían hacerse después de cada presentación eran muy escasas, ya que en mi horario éramos 130 personas conectadas y, al finalizar la presentación, todo el mundo preguntaba a la vez, con lo que el tiempo de preguntas y respuestas era, en mi opinión, muy corto. Yo creo que deberían haber grabado esas preguntas y haber hecho una entrada en un blog contestándolas o algo así.

De todas formas, la conferencia ha estado muy bien y se queda uno deseando que saquen ya la versión alfa allá por septiembre. De momento el Jueves han dicho que subirán un nuevo sandbox con lo último que tienen, pero de documentación y tal ni hablamos hasta que salga una versión oficial.

La actualización automática a WordPress 3.0 me funcionó a la primera. En mis blogs simplemente tuve que presionar el botón de actualizar y en unos minutos tenía toda la interfaz nueva y las nuevas funcionalidades.

Después de hacer esto se ve que la gente de Crowd Favorite, de la cual uso su tema Carrington, decidió actualizar el tema a la versión 2.2, con lo que en mi dashboard apareció que la nueva versión del tema estaba disponible. Este tema lo uso con una ligera modificación de idioma, así es que no quería cargarmelo actualizando a la última versión. Así es que he hecho una copia y he actualizado para ver que tal estaba el nuevo.

Cual es mi sorpresa cuando a mitad de instalación el sistema me dice que no es capaz de crear la carpeta public_html, claro, ya está creada hace tiempo, pero bueno. El caso es que al hacer cualquier instalación o actualización, WordPress 3.0 pone un mensaje en pantalla para los usuarios que entren al blog sepan que está siendo actualizado:

Briefly unavailable for scheduled maintenance. Check back in a minute.

Pero al fallar la actualización el sistema no retorna al antiguo estado y se queda con ese mensaje tanto en el frontend como en el backend. Imposible entrar al área de administración del blog.

Buscando por internet he averiguado que WordPress lo que hace es dejar un archivo llamado .maintenance en la carpeta principal donde está instalado el blog, con lo que hay que ir vía ftp y borrar dicho archivo a mano para que todo vuelva a la normalidad.

He hecho la actualización del tema a mano y después de probar va a ser que me quedo con lo que tenía.

Quería hacer un wallpaper con circulos de varios tamaños, con diferente opacidad y que uniera una línea a cada centro. En 10 minutillos tenía hecho el script principal y en otros 10 hice un poco de retoque de colores, tamaños y demás. Hice también que se regenerara la imagen al presionar el botón izquierdo del ratón y que se guardara al presionar el derecho.

Aún tengo que retocar un poco el script y además es algo bastante simple (y seguramente no muy original), pero por algo se empieza.

/**

* Ellipses desktop wallpaper maker.

*

* First script for processing

* Carlos Faria | 2010 | http://creativecommons.org/licenses/by-sa/3.0/

*

* http://carlosfaria.info

*/

//Variable declaration

int maxNumEllipse = 20;

int maxSizeEllipse = 200;

int nEllipse = maxNumEllipse;

int nSizes = 5;

int[] sizeEllipse = new int[nSizes];

int prev_x = 0,prev_y = 0;

//Setup

void setup()

{

size(1280, 800);

smooth();

noStroke();

for (int i = 0; i < nSizes; i++) {

sizeEllipse[i] =int(random(maxSizeEllipse));

}

}

//Draw

void draw()

{

background(int(random(51)));

for (int i=0; i< nEllipse; i++)

{

int x=int(random(width));

int y=int(random(height));

int sizeSingle = sizeEllipse[int(random(nSizes))];

fill( random(255), random(255), random(255), 150);

ellipse(x,y,sizeSingle,sizeSingle);

if(i!=0)

{

stroke(57,50);

line(prev_x, prev_y, x, y);

noStroke();

}

prev_x = x;

prev_y = y;

}

noLoop();

}

/* Redraw when left mouse button pressed. Every click a new desktop wallpaper.

*  Right Mouse Click saves image.

*/

void mousePressed()

{

if (mouseButton == RIGHT)

{

save(“ellipseDesktop.png”);

}

else

{

nEllipse = (int)random(maxNumEllipse);

if(nEllipse==0) nEllipse=maxNumEllipse;

redraw();

}

}

download script: processing.pde (zip)

Unas muestras de lo que puede conseguir el script y un par de modificaciones con Photoshop descargables desde Picasa. Los wallpapers están hechos para mi maquina, un MacBook, con lo que la resolución que utilicé es la que mejor me va (1280×800). Con un simple cambio en el size se pueden hacer wallpapers para la resolución deseada, además de poder cambiar el número de circulos, la opacidad, el tamaño máximo de los circulos, etc…

Los chicos de Barcelona herraizsoto&co han creado una serie de pegatinas para MacBook que simplemente me tienen enamorado. Stick with me, baby! es una colección de stickers para personalizar tu MacBook. La parte trasera de todos los MacBook llevan el logo de Mac iluminado por led blanco. Simplemente se tiene que poner la pegatina en cuestión encima del logo y arreglado.

Pero esto no es todo de lo que quería hablar. La web me parece algo sensacional. Un diseño realmente muy cuidado y desde luego una fuente de inspiración como la copa de un pino.

Yo tengo en mi MacBook los stickers plásticos (se pegan con un poco de agua y se pueden despegar fácilmente de superficies como la del MacBook) de las gafas Spy que me voy comprando, pero me molaría más tener una de estas. Si fueran del material que digo ya serían un must buy sin precedentes.

Via WE ARE!

Con lo cual me he puesto a buscar la mejor solución para hacer un screencast y grabarme todo lo que pase en mi escritorio desde las 10:00 hasta las 13:00. Después de mucho buscar he dado con un montón de programas, pero todos son de pago menos uno. He probado a instalar ese que no era de pago, Jing, y solo dejaba grabar 5 minutos de video. Con eso, evidentemente, no hago nada, y además tenías que hacerte una cuenta gratuita en su servidor y te daban 2GB para compartir todas las imágenes y videos que sacaras. Muy chulo si quieres que todo el mundo lo vea, pero si quieres algo de privacidad…

Y otra cosa que no me gustó nada fue la interfaz del programa, muy novedosa con el tema de que se quedara una especie de solecito en la parte derecha de la pantalla y cuando acercabas el ratón se mostraban las opciones, pero vamos, a mi estas cosas me ponen de los nervios, cuanto más simple mejor, parecía eso un festival de skins del winamp… que tiempos…

En fin, así es que he probado a instalarme demos de los que, he deducido según comentarios, eran los mejores para esto. Después de instalarme y probar iShowU, Screen Mimic y Snapz Pro X me he quedado con este último, más que nada porque parece el más profesional de los tres.

Veremos si después de hacer este screencast me da por comprarme la licencia (69€). Lo más seguro es que no porque no es que yo use esto demasiado. Cuando se acaben los 15 días de prueba me lo desinstalaré y ya me lo compraré más adelante si lo necesito.

El otro día me enteré, mediante la página de Sensio Labs, que se iba a celebrar una conferencia online para anunciar el estado actual del desarrollo de Symfony 2. Como es el framework que decidimos utilizar para hacer aplicaciones web me apunté a la conferencia. Esta será el día 22 de Junio a las 10:00, en inglés y utilizando el software proporcionado por Elluminate.

Ya veremos a ver que tal funciona el asunto.

+info:

Página oficial de las conferencias sobre Symfony 2
Twitter de la conferencia
Twitter de Fabien Potencier
Página de Sensio Labs (los creadores de symfony)

+info en la web de MUT Design