Webmaster Libre

Desarrollo web con software libre

Buscador

Archivo de September de 2006

FeedButton Beta

Cada día aparecen nuevos agregadores de feeds y la mayoría de nosotros queremos facilitar la suscripción a nuestro feed con ellos. Podemos optar por dar simplemente la url del feed y que cada uno se suscriba como mejor le parezca u ofrecer botones para suscribirse rápidamente con determinados servicios.

Si quieres ofrecer todos esos botones sin necesidad de que afeen el aspecto de tu página, estás de suerte. FeedButton te ofrece una herramienta sencilla con la que generar un sólo botón que, al pasar el ratón por encima, nos muestra todos los servicios mediante Javascript. Algo así:

Feedbutton

FeedButton: http://www.feedbutton.com

Via del.icio.us/Popular

Lanzados Plone 2.5.1 y 2.1.4

plone logo

Se han lanzado nuevas versiones para ambas ramas de desarrollo, la 2.5.x y la 2.1.x, con cambios en las políticas para contrarrestar los ataques de spam que han sufrido algunos sitios últimamente. Es una actualización necesaria para todos los sitios manejados con Plone.

Los ataques se producen sólo en caso de que tengas habilitado el registro automático de nuevos usuarios, no obstante las mejoras en seguridad de la nueva versión son recomendables para todos.

Anuncio Oficial:
http://plone.org/news/plone-2.5.1-and-2.1.4-released

Crea un sitemap facilmente online

XML-sitemaps logo

Si esta tarde hablábamos de cómo crear y editar manualmente un feed XML, ideal para sitios estáticos. Ahora, vía Lifehacker, he descubierto una herramienta online que generará un sitemap bien en XML para Google, bien en texto para Yahoo, bien ROR o en HTML.

XML-sitemaps nos permite crear sitemaps para sitios que no tengan enlaces dinámicos, de forma gratuíta para hasta 500 páginas.

XML-sitemaps: http://www.xml-sitemaps.com/

Javascript Tabifier: Crea un interfaz tabular automáticamente

Hace tiempo hablabamos de DOMTab un script que nos permitía crear un interfaz tabular de forma relativamente simple. Hoy, a través de Anieto2k, descubro Javascript Tabifier.

Javascript Tabifier

Javascript Tabifier te permite crear interfaces tabulares sin necesidad de establecer una lista de enlaces o una serie de anclas. Además, el estilo de las pestañas se hace mediante CSS y se degrada sin problemas para los usuarios sin Javascript.

Su implementación no podría ser más sencilla.

  1. Primero rodearemos todo el código a introducir en pestañas con un div con clase tabber
    1. <div class="tabber">
    2.   <h3>Section One</h3>
    3.   Section one content.
    4.  
    5.   Section two content.
    6. </div>
  2. Luego iremos añadiendo un div con la clase tabbertab alrededor de cada sección. Por defecto las pestañas como título utilizan el título de la sección. En caso de querer especificar otro incluiremos un atributo title
    1. <div class="tabber">
    2.  
    3.   <div class="tabbertab">
    4.     <h3>Section One</h3>
    5.     Section one content.
    6.   </div>
    7.  
    8.   <div class="tabbertab" title="MyTabTitle">
    9.     Section two content.
    10.   </div>
    11.  
    12. </div>

    Los elementos “tabbertab” siempre deben ser hijos del elemento “tabber”

  3. Cargamos el script en la cabecera
    1. <script type="text/javascript" src="tabber.js">
    2. </script>

Finalmente, el script convertirá el código en algo así:

  1. <div class="tabberlive">
  2.  
  3.   <ul class="tabbernav">
  4.     <li class="active">
  5.       <a href="javascript:void(null)" onclick="">
  6.       Section One</a>
  7.     </li>
  8.     <li>
  9.       <a href="javascript:void(null)" onclick="">
  10.       MyTabTitle</a>
  11.     </li>
  12.   </ul>
  13.  
  14.   <div class="tabbertab">
  15.     <h3>Section One</h3>
  16.     Section one content.
  17.   </div>
  18.  
  19.   <div class="tabbertab">
  20.     Section two content.
  21.   </div>
  22.  
  23. </div>

Fíjate que el contenedor ha cambiado su clase de tabbertab a tabberlive, lo cual te permite definir estilos diferentes para usuarios con y sin javascript.

Javascript Tabifier:

http://www.barelyfitz.com/projects/tabber/

ListGarden: Crea feeds manualmente para tus sitios

ListGarden

La suscripción a las novedades de un sitio web por RSS permite a los usuarios mantenerse al día de los nuevos contenidos o actualizaciones del sitio.
La mayoría de CMS generan por si solos el feed con las entradas que vayamos publicando pero ¿qué pasa si queremos crear un feed para notificar las actualizaciones de una página estática? ¿o si queremos utilizar el RSS para comunicar a nuestros usuarios novedades, eventos o noticias a parte de lo publicado en el sitio?

ListGarden
nos permite crear, editar y publicar feeds de forma manual. Introduciendo la información necesaria en los campos que se nos presentan en un interface web generaremos un feed RSS sin necesidad de tener ningún conocimiento de XML. Además, también podremos generar una versión en html del feed para ser consultado mediante un navegador web.
ListGarden puede instalarse tanto en el servidor como en nuestro ordenador y se encuentra disponible para Windows, Linux y Mac OS X.

ListGarden es un trabajo de Software Garden y está bajo una licencia GNU GPL.

ListGarden:

http://www.softwaregarden.com/products/listgarden/index.html

El botón atrás del navegador y los marcadores en AJAX

Sin duda uno de los mayores inconvenientes del uso de AJAX en una aplicación web o sitio dinámico es la inutilización del botón atrás del navegador y la imposibilidad de seleccionar y agregar a favoritos secciones o vistas de la página.

En los sitios web tradicionales, al ir pulsando sobre los enlaces vamos abriendo páginas nuevas que se verán reflejadas en la barra de navegación. Si el usuario desea volver sobre sus pasos simplemente ha de ir pulsando el botón atrás de su navegador hasta regresar al lugar de donde vino. Además, si lo desea, el usuario puede guardar la dirección de determinada sección o vista para acceder a ella directamente o para compartirla con otros usuarios.

Los sitios web creados con tecnología AJAX no generan nuevas páginas al ir abriendo secciones si no que todo se carga dentro del mismo documento. Los navegadores no están acostumbrados a este comportamiento y si un usuario aprieta el botón atrás pensando volver al lugar donde estaba inmediatamente antes, puede llevarse una desagradable sorpresa al verse en el principio del sitio o, incluso, fuera de él. Ni que decir tiene que al ocurrir todo dentro de la misma página no se actualiza la url y por tanto es imposible seleccionar secciones concretas para favoritos.

Existen numerosas técnicas para corregir este comportamiento y permitir a los usuarios utilizar los botones de atrás y adelante de su navegador, así como acceder directamente a partes del sitio. No obstante la mayoría presenta fallos y, además, suelen estar integradas en librerías más extensas (por ejemplo, Dojo) obligándonos a adaptarnos a la librería seleccionada y a cargar scripts con un peso considerable.

Debido a estos fallos e inconvenientes de las soluciones preexistentes Brad Neuberg decidió crear Really Simple History: Un completo script que puede añadirse a cualquier aplicacion AJAX. RSH soluciona los fallos más comunes y funciona correctamente en Internet Explorer, Mozilla Firefox y Opera. Safari no está soportado por ningún script de este tipo ya que su forma de manejar la historia y los marcadores es totalmente diferente.

Si Really Simple History os parece demasiado pesado o si estáis utilizando Prototype/Script.aculo.us seguramente os interesará echarle un vistazo al script creado por Kevin Hoang, mucho más ligero (poco más 100 líneas de código) aunque seguramente con menos opciones.

Crea tu propia galería de imágenes con PHP y Script.aculo.us

Seguro que en alguna ocasión has necesitado una galería de imágenes, desde crear un portafolio hasta mostrarle al mundo las fotos de tu perro. Generalmente los CMS pensados como galerías terminan teniendo gran cantidad de opciones, muchas que ni siquiera vas a utilizar y que pueden dificultar el trabajo de administración o incluso de configuración.

A pesar de que buscando un poco no es difícil encontrar algo ya hecho que se adecue a nuestras necesidades, realizar nuestro propio script puede ser un ejercicio interesante. En The Shadow Fox Network hay publicado un tutorial con todos los pasos a seguir para crear nuestra propia galería, con todas las funciones básicas e incluso efectos y un slideshow en javascript, creado con la librería script.aculo.us.

How To Make Your Own Image Gallery With An Administration

Via dzone

Shrink Pictures, edita el tamaño de tus fotos online

Shrink Pictures Logo Cambiar el tamaño de las imágenes para que encajen en el blog, en un foro o en cualquier otro lugar es un trabajo sencillo pero algo molesto. Tener que abrir un programa de edición de imágenes para algo tan simple, es cuando menos, incómodo.

Con Shrink Pictures podrás cambiar de tamaño todas tus imágenes por medio de un simple formulario. Buscas la foto en tu disco duro, la subes y escoges el tamaño que quieres que tenga, bien entre una serie de tamaños predefinidos bien insertando tu mismo el valor, además si quieres puedes añadirle algún efecto simple (escala de grises o sepia, de momento).
Acepta imágenes gif, png y jpg de hasta 6 megas, las imágenes resultantes son siempre jpg.

Shrink Pictures: http://www.shrinkpictures.com/

Via Genbeta

Avisos legales

Seguro que en alguna ocasión os habéis visto forzados a «improvisar» un acuerdo legal para un sitio web. No es algo que nos ataña a los desarrolladores pero es algo que solemos hacer, no tiene nada de malo siempre y cuando tengamos en cuenta que se trata de un documento legal.

A través de Error500 encuentro el que sin duda es el post más esclarecedor al respecto de los acuerdos legales y la LSSI: Cómo hacer un aviso legal por el abogado Javier Prenafeta.

Imprescindible para los que trabajamos en España.

Unos de PHP