Está muy bien organizada, cada tag es un botón desplegable que detalla su función y forma de uso. Muy útil.

Aca está: Guía de Referencia Wordpress

Esta organizado en varias categorías: Audio (Reproductores, Podcasting, Grabación), Aplicaciones de Negocios (CRM, Mesas de Ayuda, Manejo de Proyectos), Administración de Contenidos (Blogs, E-Learning, Foros), Comercio Electrónico (Carritos de Compras, Tiendas Virtuales), Juegos, etc.

Otro aspecto interesante del sitio, es que está construido con Wordpress, y nos da un buen ejemplo de uso de Wordpress como sistema administrador de contenidos (CMS).

No exagero si digo que el servicio que ofrece Yahoo! a sus clientes es malísimo. No me refiero al tema conectivdad, servidores, uptime, etc. Estoy hablando del panel de control del sitio, desde donde se administran los servicios como cuentas de email, FTP, Bases de Datos… el lugar donde los diseñadores web nos entretenemos configurando servicios para que todo funcione. Con el panel de Yahoo!, algo tan sencillo como instalar un script PHP a acceso a una base de datos puede ser una auténtica pesadilla.

Hay infinidad de herramientas ridículas, crípticas. Las cosas que vamos a necesitar hacer están escondidas a dos o tres niveles de profundidad,dificultando el acceso. La navegabilidad es incoherente. Es como si cada una de las secciones estuviera diseñada por una persona diferente. Me llama la atención que en esta época, con herramientas administrativas tan consolidadas como WHM/Cpanel, Plesk, Ferozo… los de Yahoo! continúen con algo tan inadecuado.

Si queremos por ejemplo administrar una base de datos, el panel nos ofrece instalar PhpMyAdmin en un subdirectorio (phpmyadmin no viene instalado por defecto). Pero ese subdirectorio en el cual hicimos la instalación jamás vamos a verlo linkeado desde el panel. Solamente lo vamos a encontrar si recordamos/anotamos en un papelito donde pusimos el script. Ergo: la instalación de phpmyadmin la vamos a tener que realizar una vez por cada vez que nos olvidemos donde lo habíamos puesto. Como yapa, la página que muestra PhpMyAdmin luego de loguearnos no carga en Mac. Puf!

También tuvimos la desgracia de trabajar con el sistema de administración de Yahoo! Store… dios santo. Ni frotar los monitores con nuestras estampitas de San Expedito nos pudieron ayudar en ésta. Jamas en mi vida he visto una cosa tan espantosa. Intentar aplicar un diseño muy prolijo hecho en XHTML usando el sistema que Yahoo! ofrece a los webmasters para diseñar las stores es la peor pesadilla que puede haber. Lo más extraño es que es un sistema tan único, que no respeta convenciones de ningún tipo. Uno esperaría encontrar un acceso FTP desde donde descargar una carpeta con templates escritos y comentados correctamente. Editarlos y volverlos a subir. Pero no, nada que ver. Nunca pudimos encontrarle la vuelta, y terminamos programando un carrito de compras nosotros mismos, para dejar de perder tiempo.

En fin, dios se apiade de vos si necesitás hacer algo con Yahoo! Small Business.

Soportan una resolución de 1920×1200. Lo que permite tener un escritorio así de grande (click para maximizar la imagen):

Lo único complicado, es la configuración. Para configurar CocoaMySQL de modo que se pueda conectar con mysql de MAMP, hay que usar el socket:

server: localhost
user: tu nombre de usuario
pass: tu contraseña
socket: Applications/MAMP/tmp/mysql/mysql.sock (o la carpeta en donde este instalado MAMP)
Port: 8888 (este es el puerto en donde funciona mi MAMP)

Es medio feita la g nueva, no?. Algunos dicen que es un intento de rebranding por parte de Google, porque esa g no pega mucho con el logo actual, asi que probablemente se venga un rediseño de logo tambien. Capaz están tratando pasar de ser la “G” grande, a la “g” chiquita. De gran hermano a hermanito menor…

Pasarán de ser “Google” a “google”?

Es increíble que hayamos estado tanto tiempo con la pagina web en construcción. Es algo bastante común entre los diseñadores, no considerarnos a nosotros mismos como nuestros principales clientes.

El sitio está realizado íntegramente en XHTML, CSS, JavaScript y PHP. Mil gracias a la gente de jQuery por haber creado esa librería tan maravillosa.

¿No hubiera quedado mejor si -siendo un banco argentino- utilizaban monedas argentinas?

Pero además oDesk tiene la característica de ofrecer otro tipo de relaciones con entre clientes y proveedores. El cliente tiene un sistema de seguimiento de trabajo, el Work Diary, donde el proveedor va subiendo adelantos, screenshoots. Los proyectos tienen un seguimiento de horas, y el cliente paga las horas de trabajo acumuladas.

Los proveedores pueden hacer “exámenes” de certificación, que les suben el nivel para poder acceder a mejores trabajos.

Puede ser un buen sistema para las relaciones laborales continuas, estilo teletrabajo.

Increíble: 63.807 comentarios fltrados por spam gracias al servicio askimet.

Video En Flickr? se viene Flickr Video? parece que si.

Envoltorios de Preservativos Vintage Una colección de envoltorios de preservativos de los años 30 y 40.

Arte con carpetas, porque hay gente que usa la compu para otras cosas que trabajar.

Authentic Jobs de Cameron Moll lanzó su programa para afiliados. Aplicá, a ver si te aceptan.

FancyBox Plugin lighbox para jQuery

Estos snippets o fragmentos, además, pueden ser usados para automatizar algunas tareas y acelerar nuestro flujo de trabajo.

Para guardarlos hay que copiar y pegar los ejemplos en un archivo en blanco, seleccionarlos e ir a la pestaña Fragmentos -> Añadir texto seleccionado como fragmento.

Para utilizarlos, si es solo para insertar un código guardado: posicionar el cursor en el lugar deseado, y hacer click en el fragmento deseado.
Si es para realizar alguna acción estilo batch, seleccionar el texto a “operar”, y hacer click en el fragmento deseado.

Algunos ejemplos:

Envolver texto en etiquetas de párrafo

Este fragmento va a envolver el texto seleccionado con etiquetas de párrafo.

Generar un select a partir de una lista de palabras

Cuanto necesitamos escribir un select con muchas options, podemos hacer un fragmento asi:

Solo tenemos que escribir una serie de options, una option por línea:

Seleccionamos el texto, y aplicamos el fragmento. Obtendremos este código:

Generar inputs a partir de una lista de palabras

Al armar un formulario, a veces tenemos que ponerle 25 inputs, escribirlos a mano es tedioso! Por que no usar un fragmento?

Hacemos una lista con los inputs que necesitamos. Es importante que los nombres sean en minúscula, para tener después consistencia al hacer el GET o POST:

Aplicamos el fragmento, y obtenemos el siguiente código.

Por supuesto, será necesario retocar algunas cosas para que quede como queremos, pero la mayor parte del trabajo esta hecha.

Lista de links a partir de selección

Toda página web tiene una lista de links. Este snippet nos va a servir para crear una lista de links a partir de una lista de palabras.

Como en los casos anteriores, a partir de una lista de palabras obtendremos esto:

En este caso es muy importante retocar los nombres de los archivos HTML, para evitar espacios en los links, y para dar consistencia con los nombres reales de los archivos.

Pasar un conjunto de parámetros GET en variables

Otro caso típico: tenemos un form con 10 campos para recoger, y tenemos que escribir los GET para pasarlos a variables. Un embole!
Este snippet nos salva:

Igual que en los casos anteriores, a la lista de palabras que armaste los input del form, les aplicas el snippet y obtenes esto:

Claro, no parece gran cosa, pero hacelo a mano para 50 campos!!
De nuevo, ojo con las mayúsculas/minúsculas y espacios en los nombres de las variables.

Como yapa. Si te vas al editor de fragmentos, le podés asignar una combinación de teclas a cada snippet para llamarlo con un método abreviado.

Y vos? tenés algún fragmento para compartir?

Podes encontrar:
Referencia de SQL Server
Referencia de HTML
Referencia de Expresiones regulares
Referencia de Microformatos
Referencia de Ruby on Rails
Referencia de ASP, VBSCRIPT
Listado de Carateres especiales HTML
Referencia de Javascript
Referencia de MySql
Referencia mod_rewrite
Referencia CSS
Referencia PHP
Carta de Colores RGB Hex

Muchas Gracias Dave! Un trabajo impresionante.

La cosa venía bien, hasta que alguien se encarnizó contra mi blog y mandó una catarata de links a páginas porno. Bastante creativo el pibe en sus paginitas, pero hay que tener ganas… pagate un adwords nene.

Dear Spammer: Thanks for your hard efforts and all the time you’ve dedicated to enter the captchas in my site. However, as I don’t like spammers you’ve been blacklisted, and I already know who you are. So get ready!