Ademas permite seleccionar el formato, el tipo de captura y hasta si deseas grabarla en tu sistema como archivo o mantenerla solo en la memoria del portapapeles para usarla en otra aplicación.

Aquí te detallamos ScreenGrab! en un nuevo video tutorial:

Sitio Oficial: http://www.screengrab.org
Descarga gratuita: ScreenGrab! 0.96.3

La historia es esta. Hace un tiempo noté que la letra “W” del teclado de mi HP dv9000 no estaba funcionando como el resto. Rebotaba de manera extraña al principio, luego empezó a trabarse, hasta que finalmente se salió por completo.

Observé las partes y aunque no parecía un gran misterio, no logré encajar las piezas correctamente. Después de googlear un buen rato, y ver fotos, diagramas y tutoriales parecidos pero no idénticos al que yo necesitaba, di en la tecla,  encontré la video-enciclopedia de las teclas de portátiles: Laptopkey.com Allí podéis encontrar un vídeo de colocación de teclas de todo tipo de portátiles, y es así como encontré este vídeo, seguí los pasos (en silencio porque eran las 5:30 a.m.) y coloqué la tecla en su sitio.

Escribir un texto en español no es un buen test para la tecla “W” pero os aseguro que va perfectamente.

Gracias por la imagen del post a charliebay

Para programar se utilizan tipografías de palo seco o sin remates (Sans serif) y monoespaciada (monospaced), esto es fuentes con menor pixelación y que permiten la lectura vertical. MacOS Snow Leopard viene con una fuente monospaced llamada “Menlo” que es una modificación de “Deja Vu Sans Serif Mono” la fuente standard de Linux. En Windows suele utilizarse “Lucida Console”.

Hace un par de días me crucé (no recuerdo cómo) con este enlace en el que se puede descargar la fuente “Mensch.ttf” una verdadera delicatessen para tu editor de texto. Si además utilizas una buena combinación de colores, sufrirás menos que con la pantalla en negro sobre blanco.

Hoy hablaremos de aplicaciones para olvidarnos del menú inicio de Windows (o linux porque no), y/o dejar de luchar con un enmarañado escritorio lleno de carpetas, iconos, documentos, descargas (vaya a saber uno de qué) y también de molestas búsquedas interminables por los infinitos directorios de nuestro computador.

RocketDock: Un maravilloso programita que, emulando el tan práctico menú del OS X de Apple, nos permite tener nuestros accesos directos de aplicaciones, carpetas y documentos en un solo lugar, con animaciones muy fluidas y atractivas, evitando llenar el escritorio de iconos ni de usar el árbol de windows para encontrar cosas.

Launchy: Esta simple aplicación, permite lanzar cualquier programa que tengamos instalado en nuestro computador con solo escribir un par de caracteres, y encontrar cualquier carpeta o archivo de cualquier formato en nuestro disco duro en sólo un click.

Pero mejor mira el vídeo tutorial:

Si usas linux, no te preocupes, hay también versiones similares (tal vez, mejores) a éstas como por ejemplo: Gnome Do o el Docky.

Sitio web de RocketDock

Sitio web de Launchy

Esta tarde tenemos sesión una vez más del Monday Reading Club. El libro elegido es “Haz Click Aquí“, de Susan M. Weinschenk. Y como todos saben la presentación está a cargo de Daniel Torres Burriel.

Para aquellos que no hayáis leído el libro y queráis ir con una vaga idea de lo que se trata os recomiendo este vídeo de poco más de 5 minutos en el que la propia autora nos cuenta los puntos principales. Está en inglés, sorry

La versión anterior, la 1.2, estaba disponible como aplicación para todos los sistemas (Linux, Windows y Mac) mediante la plataforma AIR, desde la web oficial anunciaron que muy pronto estará disponible ademas de la versión online que probamos el cliente de instalación para Windows, Mac, Iphone y Android (No se menciona a linux en su lanzamiento).

La nueva versión tiene muchísimas novedades, algunas de las cuales pueden ver en su sitio oficial, nosotros dimos un paseo general por esta versión y los invitamos a que la conozcan viendo el siguiente video:

Más información:

Doit.im

Más sobre GTD:

GTD fácil

La Idea

Cada persona tendrá un Diaspora “seed” (semilla) que será un servidor personal donde almacenarás toda la información que pretenda compartir. Este proceso será realizado mediante un protocolo de GNU conocido como GPG, es decir que la seguridad y privacidad en el manejo de tus imágenes, vídeos y otros datos están garantizados. Cuando tengas tu “seed” tendrás control total sobre tus datos, cómo y cuándo tú quieras.

La situación

En este momento las redes sociales tienen un modelo centralizado mediante el cual ponemos toda nuestra información en “la nube” sacrificando nuestra privacidad y fragmentando nuestra identidad online, sin prácticamente ninguna buena alternativa no centralizada.

Los impulsores de Diaspora, cuentan en el sitio donde consiguieron la financiación para el proyecto, que el profesor Eben Moglen, en una charla acerca de privacidad en Internet se preguntaba: ¿Por qué tenemos nuestra información personal en mil sitios distintos? Y así decidieron crear este proyecto, para permitir comunicarnos fácil e intuitivamente, sin el costo implícito de “la nube” (dejar que te espíen por un servicio gratuito).

Los cuatro amigos, Daniel, Ilya, Raphael, and Maxwell, ya tienen un prototipo de Diaspora funcionando y pasarán este verano escribiendo código como nunca, para tener una versión final y publicarla de manera gratuita, también piensan poner una versión de pago en Wordpress.com para aquellos que no quieran pasar por el proceso de configuración.

Les deseo muy buena suerte con su idea, y espero poder probarla pronto. Os dejo con el vídeo de presentación que es un documento histórico de un valor incalculable.

Tweet Box:

Es una caja idéntica a la que existe en el cliente oficial para redactar tus tweets o posts pero integrada en tu sitio.

Qué necesitas ?

Como explicábamos en el post anterior, primero debes adjuntar tu API KEY entre las etiquetas <head></head> de tu sitio o blog:

<script src="http://platform.twitter.com/anywhere.js?id=TU_NUMERO_DE_API_KEY&amp;amp;v=1 "></script>

Bien, entonces ahora podemos agregar nuestro Tweet Box sin problemas, la forma mas simple es la siguiente. Debajo de la linea de codigo anterior, entre los tags de <head></head> escribimos:

<script>
twttr.anywhere(function(twitter) {
    twitter(".tu_box").tweetBox();
});
</script>

Luego creamos un div en donde queramos mostrar el Tweet Box, y le damos un class, que en este caso se llama “.tu_box”

<div class="tu_box"></div>

Listo. Deberías ver algo como esto:

Pero como se ve, el primer problema es que se ve el texto sobre la caja en inglés.

Afortunadamente mediante una simple función se puede utilizar un parámetro para que escriba lo que nosotros queramos:

El parámetro es LABEL y la función quedaría asi:

twttr.anywhere(function(twitter) {
 twitter(".tu_box").tweetBox({
 label: 'Escribe tus opiniones sobre este articulo:'
   });
 });

Nuestro tweet box se ve asi:

Bien, vamos mejorando…
Hasta el momento ésta es la lista de parámetros que están disponibles para utilizar con el Tweet box:

• counter (booleano, ‘true’ por defecto – verdadero- )

Este parámetro permite mostrar o ocultar el contador de caracteres.

• height (valor entero, por defecto: ‘65′)

Altura de la caja en pixels.

• width ( valor entero, Por defecto: ‘515′)

Ancho de la caja en pixels.

• label (cadena, el texto por defecto es: “What’s happening?”)

El texto que se muestra sobre la caja

• defaultContent (cadena, vacío por defecto)

El valor que aparece por defecto escrito dentro del Tweet Box, puede ser una URL, @mención, #hashtag, etc.

• onTweet (función)

Es llamada después de que el botón de envío es presionado. Recibe 2 argumentos: Tweet de texto plano y Tweet HTML

Aquí entonces un ejemplo mas completo utilizando algunos de estos parámetros:

<script>
twttr.anywhere(function(twitter) {
     twitter(".tu_box").tweetBox({
     label: 'Escribe tus opiniones sobre este articulo:',
     defaultContent: '#sonicbyte ',
     width: '250px',
     height:'40px',
     onTweet: function(plain, html){
 // Acciones luego de que el tweet fue enviado
       }
   });
 });
</script>

Y el resultado final es:

No ha sido tan dificil, no ?
Ah por cierto, aprovecho este post para mostrarles un tip rápido para agregar un botón de “Sígueme”, sin imágenes ni nada, solo código:

Entre las etiquetas <head></head> agregan esto:

<script>
twttr.anywhere(function(twitter) {
    twitter("#tu_div").followButton("sonicbyte");
});

</script>

Y luego crean un div en donde lo quieran mostrar, en este ejemplo sería:

<p>Deberías seguirnos en Twitter:</p>

      <div id="tu_div"></div>

El resultado es este:

Nada mal…

Los botones de “Anywere” son inteligentes y el botón muestra si el usuario de esa cuenta ya es seguido o no.

Un saludo y hasta la próxima.

Antes, la conexión entre Twitter y tu web se reducía a un link estático con tu cuenta, básicamente como si fuese una cuenta de mail (los antiguos links tipo mailto:tucuenta@tudominio.com) o para los más intrépidos, con algo de conocimiento de javascript y html, se podía conectar mediante su API para que fuesen visibles tus últimos tweets (como se ve  en el pie de página de SonicByte).

Afortunadamente, con el lanzamiento de Twitter Anywere (en obvia respuesta al botón “Me gusta” de Facebook) es posible ahora una mas fácil y potente interacción, gracias a una serie de herramientas que se integran en cualquier página web o blog.

Actualmente las nuevas opciónes de integración son:

Perfiles de usuario o Hovercards: Reemplaza automáticamente toda mención a cuentas de Twitter por enlaces a tu página de perfil y además mostrando mediante un pequeño globo informativo una vista previa de tu último tweet, avatar, seguidores, etc. Junto con esto, hay nuevos botones para seguir a otras personas, que reflejarán dinámicamente si ya están entre nuestros contactos.

Ejemplo Activo: Pasa el ratón sobre esta dirección: @sonicbyte

Como verás, automáticamente convirtió a link el texto con el @ asociado a una cuenta válida y además muestra información adicional y botones para seguirnos.

Tweet Box: Es una caja idéntica a la que existe en el cliente oficial para redactar tus tweets o posts integrada en tu sitio. Es posible elegir la pregunta que se mostrará sobre ella, así como incluir un texto predeterminado, hashtags #, etc.

Registro e inicio de sesión: Ofrece una renovada interfaz más simple y amigable para integrar los registros mediante tweeter evitando la necesidad de abrir nuevas ventanas o pestañas. También incluye botones que indicarán si estas logueado en el sistema con éxito.

Pero hoy sólo explicaremos la primera de estas opciones:

“Hovercards”

¿ Qué necesitas para usarlos ?
Antes de poder usar cualquier servicio de Twitter Anywere, debemos registrar nuestra aplicación, es decir, llenar un formulario que te dará acceso a una clave única para poder comunicarte desde tu sitio con tu cuenta de Twitter.
Entonces lo primero, ingresa al sitio de Twitter Anywere y regístrate como usuario con la cuenta de Twitter que desees usar.

Una vez registrado te aparecerá un panel como este:

Hacemos click en la opción del icono de la mano “Register your own Twitter application“, para acceder a nuestro formulario para crear nuestra aplicación.

Algunos campos son descriptivos (nombre de la aplicación, descripción, etc), donde comienza lo importante es en “Application Website“,  ingresa aqui el dominio donde piensas utilizar esta aplicación. El siguiente campo importante es “Application Type” debes seleccionar la opción “Browser” ya que usaremos esto en un navegador web.
En Callback URL debes ingresar una dirección dentro de tu dominio para cuando el sistema logra autenticar un usuario con tu aplicación (esto no es necesario para esta función pero es mejor hacerlo de todas formas)…
Finalmente debemos decirle a Twitter si nuestra aplicación será de lectura y escritura o de sólo lectura, esto nuevamente es referente a los otros tipos de aplicaciones, no a la que utilizaremos en este ejemplo, sin embargo, nosotros hemos puesto “Read &amp; Write“.

Nuestro formulario queda de esta forma:

Grabamos nuestra aplicación, y listo…
Deberías ver algo parecido a esto:

El valor mas importante de lo que ves en la pantalla y que necesitamos para utilizar Twitter Anywere es la serie de letras y numero que aparecen debajo de API Key.

Copiamos ese valor e ingresamos al código fuente de nuestro sitio o blog y entre las etiquetas <head> y </head> copiamos el siguiente código:

<script src="http://platform.twitter.com/anywhere.js?id=TU_NUMERO_DE_API_KEY&amp;amp;v=1 "></script>

  <script type="text/javascript">
     twttr.anywhere(function(twitter) {
              twitter.hovercards();
     });
  </script>

Debes, por supuesto, poner tu propio numero de API KEY en la linea 1 del ejemplo, y eso es todo, cuando escribas @ y un nombre válido de usuario de twitter se activará automáticamente el Hovercard sobre cualquier parte del texto de tu página.

Linkify

Una opción aún mas sencilla, por si no deseas utilizar el Hovercard, es la que permite convertir a las menciones de usuarios de twitter en links
automáticamente, esto se llama “linkificar usuarios” o Linkify:

Esto se logra con el siguiente código:

twttr.anywhere(function(twitter) {
     twitter("body").linkifyUsers();
});

Es posible también solo aplicar el código en determinados bloques o divs de tu página, de forma que la función no se active en todas partes, para esto debes escribir algo como esto:

<script type="text/javascript">

  twttr.anywhere(function (T) {
    T("#nombre_de_tu_div").linkifyUsers();
  });

</script>

Espero que les haya sido útil y hasta el próximo tutorial de Twitter Anywere.

La nueva web de Grosso, resume de manera simple qué puede obtener una empresa mayorista, ya sea fabricante, distribuidor, importador, u otra al encargarnos la creación de su sitio web. Para ello hemos realizado un pequeño vídeo con mucho ritmo, con las características más importantes, el mérito es casi todo de Rodrigo (roroland) que domina las teclas del piano, tanto como las del ordenador.

Grosso es como esas mascotas que te compras o te regalan con la promesa de que se mantendrán pequeñas y acaban convirtiéndose en un gigante. Hace un par de años empezamos un trabajo para Aranco, una empresa de distribución de alimentos y accesorios para mascotas (ya ven el porqué de la metáfora). Y detectamos que habían muchas carencias en el sector y las respuestas que se solían dar eran inútiles o ineficaces, catálogos lentos y difíciles de navegar, trabajosos a la hora de actualizar, poco atractivos para los usuarios, etc. Decidimos dar un salto arriesgado y crear una nueva herramienta que permitiera dar solución real, a muchos de estos problemas. Uno de ellos nos pareció super-atractivo y es la creación de catálogos a pedido en pdf.

El problema es que las empresas de distribución tienen escaso o nulo control sobre el producto, sus catálogos dependen de los fabricantes que crean continuamente nuevos productos, o los dejan de producir, cambian los envases, y distintas variaciones que hacen difícil la planificación de un catálogo en papel que resulte rentable. ¿Qué pasaría si pudieran crear un nuevo catálogo cada vez que hubiera cambios directamente desde la web y eligiendo además los productos? Después de mucho desarrollo, logramos hacer un sistema que crea catálogos a medida, completamente actualizados y fáciles de transportar o compartir. Luego le dimos funciones exclusivas para clientes, que los usuarios comunes no pueden ver, el precio, vamos!

Otro de los grandes desafíos está en bambalinas y es el Gestor de contenidos (CMS) o Backend. La página desde donde se crea o edita el contenido de la web. Debía ser un sistema potente y veloz, ya que el volumen de productos de este tipo de empresas puede ser enorme. Pero además muy simple y funcional, para facilitar estas tareas que la mayoría de las empresas aún no están acostumbradas a planificar como parte escencial de su trabajo. Y logramos un sistema muy intuitivo, que automatiza gran parte de los procesos que se realizan en la creación de productos (subida de productos a internet) y en su actualización. Esto último se realiza automáticamente subiendo una hoja de cálculos que exporta la empresa desde su software (de caja), por eso decimos que con Grosso la web y los productos se actualizan con 1 click.

Y por último, por hoy, os contaré el sistema de campañas de mailing que diseñamos, para complementar la parte de marketing de la web. Notamos que el sector estaba utilizando cada vez más el correo electrónico para notificar a sus clientes de novedades, pero estos correos eran poco profesionales y más parecidos al spam que a una noticia de interés para la empresa. Motivados por esto, creamos nuestro propio sistema de mailing, que ayuda a crear correos de diseño profesional en HTML (es decir con enlaces a otras páginas, imágenes y texto enriquecido) y a enviarlo, gestionando también listas de correo, entre otras cosas. Por ejemplo este.

Echen un vistazo a la nueva web de Grosso (grosso.me) y cuéntenos que os ha parecido. Hasta la próxima…

* También están contentos y nosotros muy agradecidos, nuestras familias y amigos, y particularmente nuestros traductores (y amigos): Anne Rozieres, Michele Orini, Ana Toeppen, Eugenia Jimeno (la mia sorellina) y Gonzalo Noales.