Webmaster Libre

Seguro que más de una vez has recurrido al tradicional Lorem Ipsum para rellenar diseños o plantillas. Seguramente utilices el Lipsum Generator o tu programa de edición venga con uno incorporado. A pesar de que sólo se trata de “texto tonto” pensado para rellenar el espacio, llega a cansar pasarse el día leyendo la misma retahíla sin sentido ¿no?

Via DiarioTHC descubro Blind Text Generator, un completo generador de “dummy text” con muchas opciones para variar un poco: selecciona otro texto para utilizar, número de palabras, párrafos, mostrar o no las etiquetas <p> o, incluso, definir el estilo de nuestro bloque de texto. Todo ello en un interfaz web cómodo y agradable de utilizar.

Blind Text Generator: http://www.blindtextgenerator.com/

No se a vosotros pero a mi suele entrarme la curiosidad con quien aloja a ciertos sitios, sitios especialmente estables o todo lo contrario. Quizá me interese cambiarme a su servidor, quizá no debería ni loca. El caso es que a través de Download Squad encuentro WhoIsHostingThis, una herramienta con la poderlo averigüar.

Who Is Hosting This: http://www.whoishostingthis.com

Si tu blog está alojado en algún servicio como blogger o wordpress.com seguro que en algún momento te has planteado comprarte un dominio. Los precios de los dominios son suficientemente bajos como para que tener dominio propio no sea un lujo pero puede que no tengas tarjeta de crédito o que, al cambio con la moneda de tu país, te resulte algo menos barato. Por lo que sea, si quieres tener una dirección más corta y sencilla de recordar puedes probar tdy.es

Tener tu subdominio “subdominio.tdy.es” es tan sencillo como registrarse en el sitio de forma gratuita y escoger alguno de entre los disponibles. Prometen que es un servicio sin publicidad, a diferencia de la mayoría de sus competidores.

Hace un mes aproximadamente conocíamos el nuevo API de Google para insertar gráficos en nuestros sitios web de forma sencilla. Con la euforia de la novedad creo que pocos reparamos en lo completamente “inaccesible” que era.

Chris Heilman miembro del grupo de Accesibilidad de Yahoo!, dio a conocer una técnica con la que generar gráficos de tarta a partir de una tabla y de esta forma permitir que los usuarios de navegadores convencionales vean la imagen y el resto accedan a una tabla de datos. Para ello simplemente tendremos que añadir un javascript al final del cuerpo de la página con lo que, de un tiro, mejoramos la accesibilidad de nuestros datos y conseguimos gráficos rápidos sin todo el lío del API.

Sin duda es un gran ejemplo de como todo puede ser más accesible con sólo proponérnoslo y sin implicar páginas especiales o molestias para los usuarios convencionales.

Supongo que jugando con los parámetros del API, las celdas de la tabla y el javascript podríamos basarnos en este ejemplo para crear otro tipo de gráficos. Si os animáis a hacer pruebas ¡no os olvidéis de contárnoslo!

Via Ajaxian

Seguro que durante los últimos meses habéis visto un montón de páginas haciéndose eco de un fantástico tutorial de Ask the CSS Guy que nos enseñaba como conseguir que nuestros enlaces mostraran iconos identificando su destino. (Showing hyperlink cues with CSS).

Sin duda, es un efecto bonito que, usado con moderación, añade un punto extra de usabilidad a nuestras páginas. Como seguro sabéis, el contrapunto es que puede ser tedioso preocuparse de agregar estilos para todos los tipos de cosas que podemos llegar a enlazar y que, al usar selectores avanzados, no funciona en el aún omnipresente Internet Explorer 6.

Si sois de los vagos, como yo, habréis estado dejando pasar esta técnica, pero hoy, desde Infected FX nos llega la solución: Iconize text links with CSS.

Desde el sitio de Alexander Kaiser podréis descargar una completa CSS acompañada de los iconos necesarios para que con sólo subir los archivos y copiar el código en vuestra CSS (o llamarlo desde otra petición, que ya sabéis que no es tan sano para el servidor) podáis empezar a utilizarlo.

Además, con sobreescribir los iconos o editar un poco la CSS ya lo tendremos totalmente personalizado. Buena idea ¿eh?

De sobra es sabido que la mayor via de promoción de un blog a día de hoy son los sitios sociales. De del.icio.us a Digg hay centenares de opciones para que nuestros amables lectores difundan nuestros post.

Hace tiempo que existen soluciones como Share This! que nos permiten facilitar a nuestros usuarios la tarea sin la necesidad de sobrecargar nuestro sitio de botoncitos de todos los servicios.

Additious es otro de estos servicios, con una estética que me resulta mucho más agradable que la de Share This!, nos ofrece un código javascript y un plugin de WordPress para mostrar un botón mediante el que nuestros lectores podrán enviar nuestras entradas a sus sitios favoritos. Además, también podremos agregar un “feedflare” si utilizamos el servicio de Feedburner para trabajar con nuestras suscripciones.

A día de hoy, el servicio nos permite enviar una artículo por e-mail, suscribirnos al feed o enviarlo a diversos servicios. De momento no están ni Menéame ni Fresqui y la página que nos muestra está en perfecto francés (pinchemos o no en la traducción a inglés). Supongo que todo será cuestión de darles tiempo ¿no?

Additious: http://www.additious.com
Via Wwwhat’s new?

Siempre vienen bien unos cuantos sets de iconos para nuestros proyectos web ¿verdad?. En Dryicons nos ofrecen unos cuantos muy bonitos liberados bajo licencia Creative Commons 3.0 Attribution (o lo que es lo mismo, requieren que acredites y enlaces la web del autor en tus créditos).

Dryicons | Free Icon Sets

Via Webappers

Parece que los chicos de Google han decidido regalarnos una herramienta nueva, se trata del Google Chart API.
Utilizada al principio de forma interna para sus aplicaciones como Google Video y Google Finance, la Google Chart API nos permite generar gráficos de tarta, de línea, diagramas de Venn etc. con sólo pasarle los parámetros por URL.

Por ejemplo, la imagen de aquí debajo está generada mediante esta url que he utilizado como src de una etiqueta img:

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World

Por supuesto, existe una detallada documentación en inglés, donde encontraremos todos los parámetros que podemos pasarle al script para generar gráficos como estos:

El API está limitado a 50.000 peticiones al día por sitio web, si superamos este uso directamente dejaremos de tener acceso al API (temporal o definitivamente dependiendo de la gravedad del asunto)

Via Programa con Google

Como todos los que colocamos AdSense en nuestros sitios, yo también consulto regularmente las escasas ganancias. Como nos pasaba con FeedBurner, el panel de control de AdSense no es nada del otro mundo y, ya que hemos reconocido ser adictos a los gráficos, hoy os traigo desde Download Squad el CSV AdStats.

CSV AdStats es una aplicación gratuita para Windows que te permitirá importar tus CSV de Google Analytics y obtener gráficos y herramientas para comprobar el rendimiento de tus anuncios, comparar proyectos, ver tus ganancias día por día durante todo el periodo…
La importación del archivo CSV podreis hacerla manualmente o permitir al programa descargarlo automáticamente (no se por qué pero yo prefiero hacerlo manual).

Puede que os encontréis algunos elementos de los menús en francés, es algo incómodo pero supongo que conseguiréis aclararos.

CSV AdStats: http://www.nix.fr/en/csvadstats.aspx

Las herramientas de validación del W3C son el pan nuestro de cada día. Supongo que a estas alturas estaremos medianamente concienciados de la necesidad de generar un código válido y acorde a los estándares.

Si hay algo “molesto” en estas herramientas es el hecho de tener que validar por un lado la hoja de estilos y por otro el HTML. No es que sea una tortura pero sería ideal poder validar nuestros sitios web de una sola sentada.

En estándares y accesibilidad, Gabriel Porras se hace eco de una herramienta que nos propone precisamente esto. Con el XHTML-CSS Validator podremos validar nuestros sitios de una sola pasada, eso si, sitios que se encuentren disponibles desde la red ya que la única forma de indicarle los documentos a validar es mediante una URL.

Una pena que tengan que venir terceros a mejorar las herramientas del Consorcio, una suerte por otro lado que haya terceros interesados en facilitarnos la vida.

Así que ya sabéis, como dicen los autores de este interesante validador “Se válido (valida) o muere aprendiendo” (Be valid or die learning)

XHTML-CSS Validator: http://xhtml-css.com/