Cositas que molan: soup.io

Ayer estuve probando un (otro) servicio de micro-publicación personal: soup.io

Soup es, para que nos entendamos, una versión ampliada y mejorada de Tumblr pero manteniendo sus virtudes: simplicidad y rapidez.

Me ha parecido brillante el formulario de publicación que tienen en la home:

Formulario de publicación de Soup.io

Primero publica, prueba, trastea. Después, si te convence, asocia un login y un password al contenido.

Otros detalles interesantes: puedes republicar contenido de cualquier blog de soup.io en el tuyo, y automáticamente aparecerá un enlace al post de origen en el tuyo y (gran maniobra) un enlace a tu blog desde el contenido original.

Aprovechando que el sistema de importación de contenidos desde otros sitios soporta Tumblr, he movido todo lo que tenía publicado en mi otro blog a soup.io.

Lo mejor: Si vienes de Tumblr y usas tu (b)log como vertedero de enlaces a revisitar más tarde, la cajita de búsqueda no tiene precio.

Lo peor: El tinglado tecnológico que usan falla más que una escopeta de feria : )

Grupo de nanoc en cristiano

Si sigues habitualmente el blog, sabrás que soy fan total de nanoc, una herramienta para generar HTML (“el CMS para sitios estáticos”, según su creado) que puede hacer tu vida más fácil si vives de maquetar.

A petición popular, se ha creado la lista de correo [nanoc-es] (alojada en Google Groups), donde se hablará de nanoc y del mundo que le rodea (Ruby, rake y demás…)

Estás invitado a unirte al grupo y compartir tus experiencias con nanoc.

Taller de Maquetación Ágil con Ruby

El próximo 18 de septiembre, en el Aula de The Cocktail, impartiré un curso sobre “Maquetación Ágil con Ruby: nanoc y heel”

Si trabajas con Rails ya conocerás las ventajas que supone en tiempos y facilidad de desarrollo. Sin embargo, si tu trabajo consiste en maquetar o prototipar aplicaciones, tu trabajo empieza antes de que haya una aplicación Rails funcionando, y desarrollar una aplicación “de mentira” para poder montar tu HTML es matar moscas a cañonazos.

Para estos casos tenemos nanoc, un pequeño framework para la creación de sites estáticos en HTML. Con unas pequeñas mejoras (o sea, un poco de código en Ruby muy sencillito) convertiremos nanoc en el arma definitiva para el maquetador, y de paso nos aseguraremos de que nuestras plantillas de nanoc sean reutilizables en nuestra aplicación Rails.

Incluso si no piensas utilizar Rails en tu proyecto, y sólo necesitas entregar HTML estático, veremos como nanoc te sirve para ahorrar tiempo y mejorar la calidad de tu código, evitando errores y agilizando los procesos de depuración.

También hablaremos un poco de heel, un micro servidor web basado en Mongrel que te permitirá testear tu site sin tener que instalar Apache o Lighttpd.

El taller está orientado a maquetadores y diseñadores web y no es necesaria experiencia previa con Rails o Ruby (aunque si ya sabes algo, mejor que mejor)

Más información e inscripciones en el wiki del Aula The Cocktail

Reticulator, un creador de retículas para Fireworks

Una de las herramientas esenciales en el diseño de webs (aparte de un café decente y cantidades industriales de música) es la retícula o grid.

Si trabajas asiduamente con retículas y Fireworks, habrás querido asesinar más de una vez al equipo de programadores que decidió que las guías en Fireworks no podían copiarse.

Si eres del Club del Vago™, quizá tengas plantillas para tus retículas habituales.

Pero si quieres entrar en el Club de los Realmente Vagos™, no hay nada como programar tus propios comandos.

Reticulator es un comando para Fireworks 8 o superior (Windows y Mac) que te permitirá crear guías siguiendo una retícula en cuestión de segundos. Desde que empecé a usarlo me ha ahorrado montañas de trabajo, y hoy te lo ofrezco a ti, diseñador estresado, para que dediques tu escaso tiempo a diseñar en vez de a mover guías.

Cómo funciona Reticulator

La cosa es fácil:

  • Lo instalas con Adobe Extension Manager
  • Creas un documento nuevo
  • Seleccionas Commands » Grids » Reticulator
  • Rellenas los datos que te pide el comando (a saber: ancho de la retícula, número de columnas y espacio entre columnas)
  • Te maravillas de la tecnología moderna

Bola extra: si tienes un objeto seleccionado, la retícula se creará a partir de la posición X de dicho objeto.

Bola extra 2: si (como yo) casi siempre usas una retícula de 960 pixels, 16 columnas y 9 pixels entre columna, tienes un comando que genera esa retícula sin que tengas que introducir los datos.

Reticulator es gratis total, pero se admiten invitaciones a cerveza si acabas usándolo para algo productivo.

Sin más dilación, aquí lo tienes:

Reticulator 1.5.4

11870

11870

La noticia noticiosa de hoy (y de las próximas semanas, espero) es el lanzamiento de la beta pública de 11870.

11870 es web social + vida real. Guarda, comparte y comenta tus sitios favoritos (restaurantes, bares, tiendas…), explora sitios nuevos, sube tus fotos, vídeos…

El sitio es bonito, fácil de usar y sobre todo útil.

Un Flickr de lugares, un del.icio.us de bares, un bloglines de tiendas… 11870 es todo y nada de eso a la vez…

Pero sobre todo, 11870 es el resultado del trabajo, pasión y talento de muchos buenos amigos.

¡Enhorabuena, marcianitos!

Technorati tags:

TextMate JavaScript Bundle

Si programas JavaScript de una manera más o menos asidua, y usas TextMate, tienes que probar el bundle “JavaScript Tools”

Textmate Javascript Tools

Javascript Tools pone a tu disposición dos herramientas que (dependiendo de tu nivel programando Javascript) pueden ser una bendición o una pesadilla:

JSLint, un verificador de sintaxis para Javascript. JSLint detecta errores tan comunes como:

  • Los ; que siempre se te olvidan al final de una línea.
  • Código que nunca se ejecuta.
  • case sin su switch correspondiente.
  • Comentarios dentro de comentarios.
  • Uso de = en comparaciones (en lugar de ==)
  • Etc, etc…

JSMin, un compresor de ficheros .js que te ahorrará un pico en tu factura de hosting.

La gracia del asunto está en que las dos herramientas se integran perfectamente con TextMate, y si tienes un error en tu código, JSLint te dirá dónde está (con un bonito enlace que te lleva a la línea y columna donde está el error).

Jslint en Textmate

De regalo, el bundle incluye un comando que verifica la sintaxis cada vez que guardas el fichero, mostrándote un tooltip si hay algún problema.

Jslint en Textmate 2

Así que ya tardan en descargarse el bundle y darle las gracias al autor :)

Technorati tags: , ,

Capturando webs con Paparazzi, the lazy way

Si trabajas pintando webs, o tienes que enviar pantallazos de páginas, o guardas un archivo de sitios, o si tu trabajo tiene remotamente que ver con internet y con imágenes, Paparazzi es una herramienta que no debe faltar en tu arsenal.

Si además eres un vago redomado y ni siquiera Quicksilver es suficientemente cómodo para tí, aquí tienes un regalito: un bookmarklet que capturará en Paparazzi la URL que estés visitando en ese momento.

Shot this! (el enlace tiene Javascript, así que no lo verás en Bloglines. Gracias a Belingo por el tip :)

Arrastra el link a tu barra de favoritos, y tendrás tus capturas de pantalla a un sólo click de ratón (o, si tu nivel de vagancia alcanza las más altas cotas, pulsando ⌘ + numerodefavorito):

Safari Bookmark Shortcuts

El bookmarklet está probado en Safari, Camino y Firefox (en los dos últimos tendrás que marcar un checkbox de seguridad la primera vez que lo ejecutes)

¡A capturar!

Technorati tags:

Share Icon Project, estandarizando la web social

Siguiendo los pasos del proyecto Feed Icon, Alex King ha puesto en marcha una iniciativa para estandarizar los iconos de “share this” que últimamente pueblan la web.

En muchos blogs (y ultimamente también periódicos) habrás visto iconos para enviar el contenido a meneame, reddit, digg o del.icio.us.

La idea no está mal, pero cuando intentas cubrir todas las opciones te encuentras con algo tan bonito como esto:

Share This Overload

Para evitar este pequeño caos, Alex propone unificar todos estos servicios bajo un sólo icono y enlace, el de “Share This”:

Share This

El icono, junto con otros standards (RSS y OPML):

Shre This and friends

Más información en la web del proyecto: ShareIcons.com

(Via Belingo)

Technorati tags:

El ranking de blogs de La Gran Corporación

Como mantener el ranking de blogs de La Gran Corporación™ a mano resulta ser una paliza, he hecho lo que todo geek que se precie haría: automatizar :)

Usando la API de Technorati y un poco de tiempo libre, aquí está el auténtico, genuino, glamouroso y completamente inutil* Ranking de blogs de La Gran Corporación™:

Cargar ranking!

(El engendro usa un pequeño montoncito de JavaScript, así que te sugiero que abras el post en una pestaña nueva si estás usando Bloglines).

*: “Completamente inutil” salvo para decidir quién se lleva el jamón estas navidades :P

Update: Parece que Technorati se ha levantado puñetero esta mañana y no está devolviendo los datos a través de la API. A dios pongo por testigo de que En Mi Máquina Funcionaba™ :P

Update 2: Como diría Sergio, “a ver si leemos, coñe”. La API de Technorati sólo te deja hacer 500 consultas al día, y parece que nos las hemos comido todas en un rato : (

Technorati tags: , ,

Estadísticas Absurdas, volumen 2

A raíz de un post en el blog de Luis Villa, me ha dado por mirar el ranking de Technorati de los blogs “no oficiales” de La Gran Corporación.

El resultado de este ejercicio de onanismo y egocentrismo es el siguiente:

El impresionante (y sospechoso) empate entre In Web We Trust y Tentempie sólo puede deberse a un fallo en el sistema de rankings de Technorati. Ya es casualidad, ¿no?

Así para comparar, diría que GigaOm está en el puesto 25, Genbeta en el 618 y Enrique Dans en el 3,572 (jamás pensé que enlazaría a Enrique en un post de Sofá Naranja…)

Como anécdota de cierre, decir que el blog “oficial” de La Gran Corporación está en el puesto 223,280 y el de Novedades en La Coctelera en el 81,970.

Los deberes para el año que viene: colocar al menos un blog en los 10,000 primeros puestos :P

Update: URLs y datos actualizados… Grancomo adelanta a Furilo ¡la batalla ha comenzado! :D

Update 2: Corregido el ranking de Belingo, y por asombroso que parezca, tenemos 2 empates (¿seguro que el algoritmo de Technorati funciona bien?)

Technorati tags: ,