Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de Febrero de 2007

Slideshow: Una clase Javascript para Mootools 1.0

Slideshow es una clase Javascript para Mootools 1.0 que te permitirá mostrar presentaciones animadas de imágenes en tus sitios.

Características:

  • Dimensiones variables
  • Opciones de panorámica y zoom
  • Presentaciones “wipe and push”
  • Navegación basada en flechas
  • Modo de navegación rápida
  • Presentaciones con fade, pan y zoom y presentaciones combo
  • Controla la duración de tus presentaciones
  • Navegación basada en miniaturas
  • Posibilidad de agregar comentarios a las imágenes

Para funcionar necesita Mootools 1.0 con Fx.Style, Fx.Styles, Fx.Elements y DOM.

Slideshow: A Javascript Slideshow for Mootools 1.0

5 antiguas y molestas prácticas con XHTML

Seguro que más de una vez te ha recorrido un escalofrío la espalda al escuchar: “Simplemente tienes que hacerle unos retoques a mi sitio” o algo similar. En resumen, quieren que trabajemos con código de otra persona y eso, salvo honrosas excepciones, significa pelearse con algo que para quien lo escribió era tan obvio que no merecía la pena introducir comentarios y que se escribió hace siglos y se dejó ahí sin revisar.

En Modern Life is Rubbish han hecho una lista de las 5 prácticas más molestas al escribir XHTML:

  1. La etiqueta <font>: Protagonista de los primeros diseños, nos recuerda cuanto ha hecho el CSS por nosotros.
  2. Marcado escrito enteramente en MAYÚSCULAS….
  3. Utilización inconsistente o ausencia total de las comillas
  4. Elementos bastardos de HTML transicional: Pasar de la etiqueta font y sus atributos de color a la etiqueta span para hacer exactamente lo mismo <span color=” “> Por suerte cada vez se ve menos.
  5. Usar un martillo para apretar una tuerca: Tablas para dar estilo, <br> en lugar de elementos en bloque…

5 incredibly outdated and annoying techniques in (X)HTML

Las cosas han cambiado mucho en los últimos años ¿has sabido adaptarte a los nuevos tiempos o sigues escribiendo código prehistorico?

links for 2007-02-15

Manual de activeCollab

Hace un par de días estuve instalando un activeCollab, como ya hemos dicho antes, se trata de una aplicación web de código libre que nos permitirá administrar y colaborar en proyectos con otros compañeros y clientes, de una forma muy similar a Basecamp.

Como me ha gustado mucho esta solución, he escrito un manual de instalación, configuración y uso. Es un manual muy básico ya que activeCollab es una aplicación muy simple. No obstante, quizá pueda ser de utilidad a alguien.

Manual de activeCollab v0.1 (15/02/07)

Formato: pdf comprimido en tar.gz
Tamaño: 396.2 Kib/438.3 Kib (archivo tar.gz/archivo pdf)
11 páginas
Licencia: Creative Commons by-nc-sa (Atribucion-NoComercial-CompartirIgual)

Cualquier fallo que notéis o si queréis mejorar algo, no dudeis en contactar conmigo

FirePHP: Una extensión de Firefox para desarrolladores de PHP

FirePHP te permite echar un vistazo más profundo a todo el trabajo que realiza tu código PHP para representar la página que estás viendo con tu Firefox.

Interfaz de FirePHP

FirePHP se integrará en Firebug para ofrecerte funcionalidades para PHP con sólo instalar la extensión, PHP PEAR e incluir algo de código en tus desarrollos.

De momento se encuentra en una versión muy temprana de su desarrollo, puedes consultar el roadmap para saber como va a ir el desarrollo durante este año, instalarla y probar la demo o echarle un vistazo a la documentación mientras aparece la primera versión

heySilver: Quicksilver a la web

heySilver

heySilver es la nueva creación de Andrés Nieto un sistema que permitirá a tus usuarios interactuar con tu sitio mediante combinaciones de teclas, de forma muy similar a como trabaja Quicksilver en Mac OS X.

heySilver, es un sistema de navegación modular para aplicaciones web que aporta una funcionalidad extra a toda aplicación.

heySilver está compuesto de un sistema de plugins que se encargan de añadir funcionalidades extra mediante ficheros cargados con objetos JSON. De esta forma conseguimos una flexibilidad limitada por la imaginación del webmaster. Dispone de una miniAPI con la que podremos hacer más fácil nuestras creaciones.

Si queréis, que estoy segura que si, ver algún ejemplo de uso y conocer más sobre este interesante script no os perdáis el blog que han creado para la ocasión: http://heysilver.anieto2k.com/blog/

Enhorabuena Andrés, te sigues superando cada día. A mi, al menos, me has dejado sin palabras.

links for 2007-02-14

Mimulus, edición WYSIWYG en Firefox

Logo Mimulus Mimulus es un ligero editor de XHTML desarrollado como extensión de Firefox. Con el convertirás cualquier pestaña en un editor WYSIWYG (con la opción de ver y editar también el código).

Sólo un click sobre el icono, en la barra de estado de tu navegador, y podrás editar cualquier sitio web, tanto local como en servidores remotos (en cuyo caso te consultará donde guardar el archivo editado).

Además, cuenta con gran cantidad de atajos de teclado para ayudarte a introducir texto con rapidez. Eso si, se trata de una versión aún temprana por lo que tiene unos cuantos bugs conocidos pendientes de resolver.

Más información y descarga:
Mimulus XHTML editor

Iconos «I Love…»

I Love Favorite Icons Ya que hoy es el día del amor y todos amamos algo ¿por qué no proclamarlo a los cuatro vientos?

Con este set: I Love Favorite Icons que nos llega desde n.Design te será más sencillo.
Son iconos del tamaño de un favicon (16×16) y en el paquete se incluyen varios temas y un archivo PSD por si tu cosa favorita del mundo no está representada.

Que los disfruteis

Previsualización automática de texto con Javascript

Permitir a quienes comenten en nuestro sitio previsualizar lo que han escrito antes de enviarlo nos ahorra muchos post dobles y mucho ups me confundí poniendo eso (si, me lo apunto). No obstante, hacer que nuestros usuarios tengan que recargar la página para verlo puede resultarles molesto, terminando por enviar sin previsualizar con lo que no se soluciona nada.

En sitios como Digg han implementado un interesante sistema, previsualización al vuelo. Según vas escribiendo vas viendo el resultado.

Javascript preview

Si te interesa conseguir este efecto para tus sitios web estás de suerte, en Dream It han publicado un script de Javascript con el que podrás implementarlo facilmente.

Javascript Preview - Like Digg

Blogalaxia BlogESfera - Directorio de Blogs Hispanos Web Developement Blogs - BlogCatalog Blog Directory