Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de November de 2006

Link Preview (v2): Vida para tus enlaces con Javascript y Websnapr

Link Preview 2 En Frequency Decoder han creado un sencillo Javascript que nos permite ofrecer a nuestros visitantes pequeñas capturas de pantalla de los sitios a los que les llevarán nuestros enlaces, utilizando el servicio de Websnapr.

Integrarlo en nuestros sitios es, incluso más sencillo que utilizar un plugin, tan simple como añadir una referencia a los archivos websnapr.js y websnapr.css en la cabecera de nuestros documentos

  1. <style type="text/css" media="screen">@import "/the/path/to/websnapr.css";</style>
  2.  <script type="text/javascript" src="/the/path/to/websnapr.js"></script>

Y editar la línea 22 de websnapr.js para que refleje nuestra ruta a las imágenes

  1. // Line 22
  2.  baseURI: "./",

Podéis ver un ejemplo en El Buscador de Webmaster Libre

Link Preview v2:
http://www.frequency-decoder.com/2006/10/25/link-preview-v2

SWFUpload: Una agradable forma de subir archivos

SWFUpload

SWFUpload es una pequeña librería javascript/swf que te permitirá crear agradables diálogos de subida de archivos para tus aplicaciones web.

Características:

  • Muestra sólo los tipos de archivo seleccionados en el diálogo
  • Permite subir múltiples archivos a la vez presionando ctrl/shift-seleccion
  • Activa funciones en Javascript al iniciar, cancelar, en progreso y finalizado
  • Obtiene la información/tamaño del archivo antes de iniciar la subida
  • Da estilo a los botones del modo que prefieras
  • Crea barras de progreso/información usando XHTML y CSS válido
  • Sin recargas de página, los archivos se muestran según terminan de subirse
  • Funciona en todas las plataformas con soporte para Flash ( está hecho en Flash 8 )
  • Se degrada a un formulario de upload HTML para navegadores sin Javascript o Flash

SWFUpload: http://labb.dev.mammon.se/swfupload/

Via Ajaxian

Sitemaps también en Yahoo y MSN

En uno de esos movimientos acertados que se dan tan pocas veces en esta red nuestra, los 3 grandes buscadores Google, Yahoo! y MSN han decidido romper una lanza en favor de un estándar para los Sitemaps.

El protocolo empleado, desde ahora, por los tres motores de búsqueda es el que viene implementando Google desde hace tiempo y con el que estamos todos más que familiarizados. Por tanto, los sitemaps ya existentes serán indexados por Yahoo! y MSN. Una gran ventaja para el indexado de nuestros sitios en otros buscadores más allá de Google, que no requiere ningún esfuerzo extra por nuestra parte.

Toda la información acerca del protocolo de sitemaps, disponible bajo licencia CC Atribución-Compartir Igual, podemos encontrarlo en sitemaps.org

Muchos otros sitios se han hecho eco de la noticia:

Locomotive: Ruby on Rails en Mac OS X con un drag ‘n drop

Captura de pantalla de Locomotive

Con Locomotive podrás tener un entorno de trabajo para Ruby on Rails en tu Mac OS con sólo instalar una aplicación.
Podrás escoger entre diferentes versiones, sabrás en todo momento qué aplicaciones están corriendo, en qué puertos…

Además, podrás instalar «bundles» adicionales como, por ejemplo, el de RMagick con el que podrás manipular imágenes sin toda la complicación de instalar las librerías manualmente.

Locomotive: http://locomotive.raaum.org/

AboutUs: El Wiki de todos los dominios

AboutUs Logo AboutUs es un wiki que pretende recopilar todos los dominios de la web, convirtiendose en «el directorio libre para todos los dominios del mundo». Ya hay muchos dominios añadidos, este mismo ya estaba y simplemente tuve que editar un poco la información (ver entrada).

Cualquiera puede editar, sin necesidad de registro y también se pueden crear reviews de los sitios web.

AboutUs: http://www.aboutus.org

Via Wwwhat’s new?

Recopilacion de iconos para web

En DHTML Site han publicado otro listado de iconos que podemos usar para nuestros sitios web, no hay demasiado nuevo pero igualmente es un sitio claro y bien organizado.

22 Free Esential Icon Sets

OctaGate Site Timer: Mide el tiempo de carga de tu sitio web

OctaGate Site Timer Logo OctaGate Site Timer te permite conocer con exactitud el tiempo de carga de tu sitio web, desglosado por elementos.

Simplemente introduce la url completa del sitio web que quieres monitorizar y pulsa start, en unos segundos podrás visualizar los tiempos de carga de tu sitio en un gráfico

Captura de pantalla de OctaGate Site Timer

OctaGate Site Timer: http://www.octagate.com/service/SiteTimer/

Via Ajaxian

Biscuit Project: Portando Rails a PHP

Que Ruby on Rails es un excelente framework nadie lo pone en duda, el gusto de algunos desarrolladores por él ha dado como resultado Biscuit Project.

Biscuit pretende portar a PHP5 algunas de las bondades de RoR principalmente porque no siempre podemos trabajar con Rubi on Rails frente al ampliamente extendido PHP. No se trata de crear un sustituto de Rails ya que, por ejemplo, no se tiene proyecto de implementar los objetos.

Biscuit Project: http://biscuitproject.tigris.org/
Biscuit: PHP on Rails: http://flinn.activeintra.net/biscuit/

ConceptShare: Revisando diseños online

ConceptShare Logo Los que trabajamos en proyectos colectivos o realizamos diseños para nuestros clientes sabemos lo complicado que puede ser, a veces, terminar de concretar un diseño.

Con ConceptShare podremos compartir nuestros diseños y permitir a nuestros colaboradores o clientes valorar e indicar los cambios o mejoras necesarios.

Una vez registrados creamos nuestro Workspace interactivo que consiste en una aplicación basada en Flash donde podremos crear conversaciones en tiempo real o no alrededor de los diseños visuales. Cualquiera puede hacer comentarios, que pueden contener dibujos y marcado, directamente sobre la imagen.

ConceptShare: http://www.conceptshare.com/

Imágenes aleatorias con Javascript

Una de las formas más sencillas de transmitir la «vida» de un sitio web es ofrecer a nuestros visitantes algo nuevo en cada una de sus visitas. Con este sencillo Javascript podremos servir imágenes aleatorias, por ejemplo la cabecera que cambiará con cada carga de página.

  1. <script language="JavaScript" type="text/javascript">
  2. <!--
  3. // La función devuelve un número entre 0 y "nums - 1"
  4. function getRandom(nums)
  5. {
  6.     var ranNum= Math.round(Math.random()*nums);
  7.     return ranNum;
  8. }
  9.  
  10. // Nos dice cuantas imágenes tenemos
  11. var numberOfImages    = 5;
  12. var randomNumber        = getRandom(numberOfImages);
  13.  
  14. // Creamos un Array con los nombres de las imagenes, introduce tantas como necesites pero recuerda actualizar también la variable numberOfImages
  15. var image = new Array(numberOfImages);
  16. image[0]="imagen1.gif";
  17. image[1]="imagen2.gif";
  18. image[2]="imagen3.gif"
  19. image[3]="imagen4.gif";
  20. image[4]="imagen5.gif";
  21.  
  22. // Escribimos la etiqueta img con una imagen aleatoria
  23. document.write("<img xsrc='" + image[randomNumber] + "' />");
  24.  
  25. --></script>

Se trata de un script muy sencillo que aprovecha una función que nos devuelve números de forma aleatoria. Es, por tanto, importante que todas nuestras imágenes estén renombradas según un patrón: imagen*.gif, por ejemplo.