HeadMouse: Usando la cabeza como ratón

HeadMouse es un interesante proyecto de la Universidad de Lleida que tiene como objetivo permitir al usuario mover el ratón y realizar varias acciones con éste utilizando únicamente la cabeza.

En la versión actual de la aplicación, luego de calibrar la webcam, el movimiento de la cabeza equivale al movimiento del ratón. También se usan acciones como cerrar y abrir los ojos (mover/arrastrar) y abrir y cerrar la boca (hacer click).

Es una muy buena idea porque hay muchos casos de tendinitis en la muñeca y en el hombro por tener una mala posición al utilizar el ratón.


Sitio oficial | HeadMouse2
Vía | Incubaweb

Una nueva etapa: Claro Codetel

Claro Codetel

WebWait, para saber cuánto tarda en cargar un sitio web

Muchas veces cuando se desarrolla un sitio web es necesario mantener un límite de tiempo al cargar las páginas, y nuestro navegador no es el idóneo para realizar ésta actividad porque ya ha accedido anteriormente, que no es lo mismo que un usuario cuando entra por primera vez.

Una solución a ésto es WebWait, una interesante herramienta que permite saber cuánto tarda un sitio web en cargar completamente. Depende de la conexión donde se utilice se puede saber cuánto tarda a esa velocidad.

Vía: Incubaweb

Gana un IPhone 3G con RubiaGuru

Para los que pensaban que las rubias solo saben de moda, les presento a RubiaGuru, una rubia que habla de todo lo que se mueve en la web.

RubiaGuru ha lanzado un concurso en el que sortea un IPhone 3G. Para participar solo hay que mostrar una camiseta con un mensaje ocurrente y hacer referencia a su blog. Luego esperar los resultados el 17 de Octubre. ¡Todos estamos invitados!

Mientras leía acerca del concurso estaba trabajando, así que se me ha ocurrido el siguiente mensaje:

<a href="me">kiss</a>

Vía PixMedial

Internacionalizando pic2puz

En un principio me había planteado que con dos idiomas (español e inglés) era suficiente para www.pic2puz.com. Pero debido al gran tráfico que he recibido desde Italia, tomé la decisión de traducir los textos también al italiano. Esto ha aumentado aún más las visitas desde Italia.

Lo logré con la ayuda de Alberto.
¡Molto bene!

pic2puz, convierte tu foto en un puzzle

pic2puz es mi primera aplicación web pública. Permite crear un puzzle a partir de una imagen seleccionada. Luego genera un link para guardarlo o compartirlo, y un código para embeberlo en cualquier sitio web. He usado Ruby on Rails, JavaScript, HTML y CSS. Aquí dejo una muestra de lo que se puede hacer:



http://www.pic2puz.com/
http://www.pic2puz.com/puzzle/show/siq3la

Gedit Cheat Sheet para Ruby on Rails

Aunque existen varios IDE's para Ruby on Rails, me he dado cuenta que con un simple editor y varios snippets es suficiente para desarrollar aplicaciones web con Ruby on Rails. Al final me he decidido por Gedit, el editor por defecto en Gnome (el de Ubuntu).

He seguido algunas guías que le dan un aspecto parecido al textmate de mac:

• http://grigio.org/pimp_my_gedit_was_textmate_linux

• http://blog.nationcode.com/articles/2008/04/06/gedit-como-textmate-mejorado-para-rails-en-gnu-linux

Y he prepararado un cheat sheet (chuleta o chivo) para los snippets más utilizados:

Gedit Cheat Sheet for Rails Development - Upload a Document to Scribd

My Gedit Cheat Sheet for Rails Development

Browsershoots, prueba tu diseño web en disintos navegadores

Uno de los principales inconvenientes que tienen los desarrolladores/diseñadores web es la variedad de navegadores de Internet que existen, y que en algunos casos cada uno tiene su propia forma de mostrar el HTML y el CSS, especialmente Microsoft Internet Explorer (grrrr!). Muchas veces me ha pasado que tengo mi aplicación lista y probada con Mozilla Firefox, Safari y Chrome, pero cuando la voy a ver en Internet Explorer está como si fuera otra, y tengo que empezar a agregar hacks al CSS para que se adapte al navegador, cuando debería ser lo contrario.
Mientras trabajaba con mi última aplicacion, me enteré de browsershoots, un sitio web que realiza capturas de pantallas de un diseño web en distintos navegadores y sistemas operativos, y luego te muestra cómo se ve en cada uno. Es una excelente herramienta para los que trabajamos en la web.

BOSSMan: Yahoo! BOSS + Ruby

Con el lanzamiento de Yahoo! BOSS ha llegado BOSSMan, un plugin/gem creado por el desarrollador Jay Pignata que permite interactuar con éste nuevo API de Yahoo! de una forma bien simple, como son las cosas en Ruby.

Para ver como funciona he creado un buscador de noticias bilingüe utilizando Ruby on Rails, http://yahoosearch.heroku.com. Aquí está el código:

Instalación de BOSSMan:
gem sources -a http://gems.github.com
gem install jpignata-bossman

controllers/search_controller.rb

require 'rubygems'
require 'bossman'
include BOSSMan
 
class SearchController < ApplicationController
  def index
    @results = Array.new
    @language = [true, false]
    if (request.post? and params[:query] != "")
      BOSSMan.application_id = "<Your Application ID>"
      @news = BOSSMan::Search.news(params[:query], { 
        :region => 'us', 
        :lang => params[:language], 
        :age => "7d", 
        :count => 10 })
      @results = @news.results if @news.count != "0"
      @language = [false, true] if params[:language] == 'es'
    end
  end
end

views/layout/application.html.erb

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>News from Yahoo! by BOSSMan</title>
    <%= stylesheet_link_tag 'style' %>
  </head>
  <body>
    <div id='header'>
      <h1>News from Yahoo! by BOSSMan</h1>
    </div>
    <div id="content">
      <%= yield %>
    </div>
    <div id="footer">
      <div id="altnav">
        <%= link_to 'Home', '/' %> - 
        <%= mail_to 'contact@yahoosearch.com', 'Contact' %>
      </div>
      Yahoo! Search by BOSSMan
  </div>
  </body>
</html>

views/search/index.html.erb

<div id="form">
  <% form_tag :action => 'index' do%>
    <%= radio_button_tag 'language', 'en', @language[0], {} %>
    English
    <%= radio_button_tag 'language', 'es', @language[1], {} %>
    Español<br/>
    <%= text_field_tag 'query', params[:query], :size => '50' %>
    <%= submit_tag 'Search' %>
  <% end %>
</div>
<% if @results.length != 0 %>
  <div id="results">
    <%= render :partial => 'results', :collection => @results %>
  </div>
<% end %>

views/search/_results.html.erb

<div id="result">
  <h4><%= link_to results.title, results.url %></h4>
  <p><%= results.abstract %></p>
  <h6><%= link_to results.source, results.sourceurl %>
  <%= "#{results.date} #{results.time}" %></h6>
</div>

public/stylesheets/style.css

body {
  background-color: #5a8f5e;
  font-family: Verdana;
}
 
#header{
  text-align: center;
}
 
#content {
  background-color: white;
  border: 1px solid black;
  width: 750px;
  margin: 20px auto;
  padding: 20px;
}
 
#form {
  text-align: center;
}
 
#results{
  margin-top: 20px;
  padding: 5px 20px 5px 20px;
  border: 1px solid gray;
}
 
#result h4 {
  margin-bottom: 5px;
}
 
#result h6 {
  margin-top: 5px;
}
 
#result p {
  margin-top: 0px;
  margin-bottom: 0px;
}
 
#footer {
  margin: 0px auto;
  width: 750px;
  color: #c9c9c9;
  line-height: 20px;
}
 
#footer a {
  color: #c9c9c9;
  text-decoration: none;
}
 
#footer a:hover {
  color: #000000;
}
 
#footer #altnav {
  width: 350px;
  float: right;
  text-align: right;
}

Yahoo! Boss, crea tu propio servicio de búsquedas

Yahoo! abre su API de búsqueda lanzando Yahoo! BOSS (Build your Own Search Service), especialmente pensado para crear buscadores personalizados que puedan utilizar toda la base de datos de Yahoo! en sus resultados. Como ponen en su sitio web, sólo es necesario agregar tus ideas para lograr un resultado novedoso. Por el momento se permiten búsquedas web, imágenes, noticias y sugerencias de palabras.


Aunque ya existen API's y servicios web de búsqueda, la ventaja de BOSS es que no limita la cantidad de resultados o búsquedas por día, te permite organizar la información como quieras y en el futuro se podrán recibir ganancias por su utilización. Algunos de los sitios web que ya lo están utilizando son hakia, Me.dium Search, Daylife y Cluuz.

Lo he probado con algo sencillo que estoy creando (un buscador de noticias bilingüe) y me ha parecido bastante rápido y fiable con los resultados.

Yahoo! cada vez se abre más a los desarrolladores, adaptándose a los nuevos esquemas de la web, y con ésta iniciativa pretende cambiar la forma en la que se despliegan los resultados de las búsquedas.