Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de August de 2006

Kalator: Publicidad Open Source

Kalator es un sistema de publicidad muy parecido a Google AdSense o Yahoo! Ads. La diferencia entre Kalator y los demás es que, Kalator, sólo sirve anuncios de proyectos de Software Libre. Y, por supuesto, agregar tu proyecto es completamente gratis.

Para añadir Kalator a tu sitio sólo tendrás que escoger el tamaño más adecuado de banner y copiar un pequeño código a tu sitio. Si ya estás utilizando AdSense puedes establecer que, cuando no haya anuncios relevantes, en lugar de mostrar anuncios de “servicio público” de google se muestren anuncios de Kalator.

Kalator y Adsense

Kalator: http://www.kalator.com/

Ruby 1.8.5

Via Ruby Inside me entero de que, aunque no está indicado en la página oficial, se ha lanzado la versión 1.8.5 de Ruby.

En la lista de correo, Yukihiro Matsumoto (Matz) anunció la nueva versión 1.8.5 como una versión de mantenimiento, sin mayores cambios, con la mejora en la estabilidad como principal objetivo.

Si no tenéis graves problemas con vuestra instalación quizá deberíais esperar a que se haga oficial para actualizaros.
Podéis descargarlo en el ftp:
http://ftp.ruby-lang.org/pub/ruby/ruby-1.8.5.tar.gz

Abreviando URL con Shorty

Si alguna vez has utilizado servicios como TinyURL para ayudarte a recordar enlaces, haciéndolos mas legibles te gustará Shorty.

Con Shorty podrás crear redirecciones cortas basadas en tu nombre de dominio, con la ventaja de que, al ir alojado en tu propio servidor las redirecciones permanecerán activas tanto tiempo como tu consideres oportuno (o conserves el dominio).
En el panel de control podrás, además, acceder a estadísticas y controlar tus enlaces de forma sencilla

Interfaz de Administracion de Shorty

Para instalar Shorty, tu servidor debe contar con PHP 4+, MySQL 3.23+, y Apache 1.2+. Para acceder al panel de control deberás utilizar navegadores como Firefox o Safari, no funciona con Internet Explorer.

Shorty: http://get-shorty.com/

Edición: Alex de Buayacorp nos indica en un comentario que el código no es seguro así que evitad usarlo en entornos de producción.

XOOPS 2.0.15

Logo Xoops

Se ha liberado la versión 2.0.15 de Xoops. Se trata de una versión de mantenimiento que corrije algunos bugs y mejoras de seguridad.

Todos los usuarios de la rama 2.0.x deben actualizarse, para los usuarios de la rama 2.2.x pronto aparecerá la 2.2.5-RC1

Notas de lanzamiento y enlace de descarga:

http://devteam.xoops.org/releases/xoops-2.0.15.html

DOMTab: Navegación por pestañas con CSS y DOMscripting

DOMTab

DOMTab nos permite crear estupendas interfaces divididas por pestañas por medio de Javascript no intrusivo.

Aplicar DOMTab a nuestras páginas es francamente sencillo. Primero llama al script desde la cabecera de tu documento

  1. <script type="text/javascript" src="domtab.js"></script>

El código html de nuestra página debe ser algo así,

  1. <div class="domtab">
  2.   <ul class="domtabs">
  3.     <li><a href="#t1">Test 1</a></li>
  4.     <li><a href="#t2">Test 2</a></li>
  5. [... and so on ...]
  6.   </ul>
  7.   <div>
  8.     <h2><a name="t1" id="t1">Proof 1</a></h2>
  9.     <p>Test to prove that more than one menu is possible</p>
  10.     <p><a href="#top">back to menu</a></p>
  11.   </div>
  12.   <div>
  13.     <h2><a name="t2" id="t2">Proof 2</a></h2>
  14.     <p>Test to prove that more than one menu is possible</p>
  15.     <p><a href="#top">back to menu</a></p>
  16.   </div>
  17. [... and so on ...]
  18. </div>

Tenemos, además, la opción de presentar un enlace donde se mostrarán todos los contenidos en una sola pantalla, por ejemplo para imprimir.

Puedes editar todas las opciones del script ya que todos lo que se espera del HTML son parámentros.

  1. tabClass:'domtab', // class para activar las pestañas
  2. listClass:'domtabs', // class de los menús
  3. activeClass:'active', // class del enlace actual
  4. contentElements:'div', // elements to loop through
  5. backToLinks:/#top/, // patrón para buscar enlaces "volver arriba"
  6. printID:'domtabprintview', // id del enlace para imprimir todo
  7. showAllLinkText:'show all content', // texto del enlace para imprimir todo

A la hora de dar estilo, tenemos a nuestra disposición tanto las clases e id utilizadas por el script como el resto de recursos a nuestro alcance por medio de CSS:

DOMTab: http://onlinetools.org/tools/domtabdata/

De logos y CSS en Internet Explorer

  • ¿Alguna vez has querido saber que tipografía utilizan las más conocidas aplicaciones Web 2.0 en sus logotipos?
    The logos of Web 2.0
  • Markus Mielke nos aclara un poco en IEBlog las «mejoras» que tendrá el Internet Explorer 7 en cuanto a soporte CSS.Personalmente miedo me da lo que puede salir de ahí…
    Details on our CSS changes for IE7

Colocación de etiquetas en formularios

¿Influye la colocación de las etiquetas de un formulario en la usabilidad? La respuesta parece ser si: las etiquetas en negrita situadas encima de los campos del formulario parecen dar mejor resultado.

La gente de UXmatters han hecho un estudio de eyetracking (captura del movimiento de los ojos) y han concluído que cuando colocamos las etiquetas sobre los campos, el usuario puede ver en un simple golpe de vista campo y etiqueta y eso le permite no tener que ir revisando si cada campo que completan va asociado a la etiqueta correcta. Y si están en negrita, mejor.

El artículo es realmente interesante: Label Placement in Forms

Escoger un buen proveedor de alojamiento web (I)

Cuando creamos un sitio web ponemos en él muchas ilusiones, tiempo y esfuerzo. Buscamos que sea accesible, compatible con los navegadores más extendidos, que se encuentre fácilmente a través de los buscadores y que el usuario tenga una buena experiencia online.

Es muy triste cuando todos estos esfuerzos se pierden por culpa de constantes caídas y lentitud de carga.

Internet pone al alcance de nuestra mano toda la información del mundo, de forma inmediata y sencilla. Cuando un usuario apunta su navegador hacia nuestro dominio lo hace buscando algo y si se encuentra con nuestro sitio caído o exasperantemente lento acudirá a otro lugar. Sólo los usuarios más fieles aguantarán los vaivenes del servicio y conseguir usuarios fieles cuando todo se cae cada dos minutos es harto difícil.
Buscar alojamiento de calidad es, por tanto, uno de los momentos críticos de cualquier aventura web medianamente seria.

En esta mini-serie de 3 post vamos a tratar de analizar las claves de encontrar un buen alojamiento web.
Leer el resto de la entrada

Layouts y «hacks»

Font Tester: Compara y da estilo a tipografías

Font Tester logo

Ya hemos hablado en otras ocasiones de aplicaciones web que nos permiten comparar tipografías en pantalla. Sin duda son de gran utilidad para hacer experimentos.

Font Tester va un paso más allá, además de dejarnos comparar hasta tres tipos de letra simultáneamente, nos permite agregarles estilos CSS y, una vez conseguido el estilo deseado, nos permite copiarlo para pegarlo directamente en nuestras hojas de estilo. Sin duda podrá ahorrarnos mucho tiempo comprobando como afectarán a nuestro texto las diferentes propiedades de CSS para tipografías. Además, por si no era suficiente, incluye un listado clickable de entidades (x)html para que las introduzcamos comodamente en nuestras pruebas.

Font Tester: http://www.fonttester.com

Via Download Squad