jueves, 27 de noviembre de 2008

Lightbox 2 (o cómo conseguir ese delicioso efecto para ampliar imágenes)

2 comentarios
Lightbox 2 es una biblioteca escrita en JavaScript que permite mostrar en pantalla una imagen a partir de una vista previa, de una forma elegante y con una instalación sencillísima (al estilo de, por ejemplo, Lolacamisetas.com).

En la web oficial podeis encontrar un ejemplo de uso que permite ampliar una imagen o a través de una ampliación navegar por un album de vistas previas. El potencial de esta biblioteca radica sobre todo en la limpieza del diseño: las capas se abren con transiciones, muestran una animación de carga, el resto de la página se oscurece, los botones de navegación se muestran nítidamente. Y además, como decía antes, la instalación es tan fácil como hacer lo siguiente:

  1. Descargar de la página oficial el código.

  2. Incluir en nuestra página las siguientes librerías:

  3. <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>

  4. Activar las CSS de Lighbox 2 -o incluír las nuestras-:<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

  5. Añadir el atributo rel = "lightbox" a los links de las imágenes cuya vista ampliada queremos mostrar con lightbox, por ejemplo:<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

    (El atributo title de la imagen se utiliza también como texto de la ampliación con lightbox)

  6. Por último, para agrupar imágenes en álbumes, no hay más que poner el nombre del álbum en el atributo rel del paso anterior de la siguiente forma:<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>
    <a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>
    <a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>


En Lightbox 2 existe también un foro de ayuda además algún que otro truco más para sacarle el máximo partido a esta biblioteca.

miércoles, 26 de noviembre de 2008

La evolución de la Web de manera sencilla

0 comentarios
Atravesando como estamos una etapa febril de web 2.0, en la Red podemos encontrar ya bastantes textos que nos hablan de web 3.0 e incluso 4.0, y es normal, porque los supestos gurúes de la red dicen que la web 3.0 nos alcanzará en la próxima dédaca (y eso empieza dentro de poco más de un año, señores, que el tiempo pasa volando).

¿Pero qué es todo esto de la web x.0? Este gráfico que unblogmas comparte en su cuenta de flikr lo explica de maravilla:

Evolución de la web (via unblogmas)

Y este video que encuentro vía The Inquirer es mucho más intuitivo:



Pero, en resumen, la evolución de la web se resume en esencia en algo así:

  • 1.0 - El pasado (1990 - 2000). La web en la que un desarrollador podía publicar contenidos en Internet. Cuando la Red creció demasiado se hizo necesario el desarrollo de buscadores (¿lo llamamos web 1.5?) para cribar información y acceder en décimas de segundo a lo que estamos buscando. Éste sistema es defectuoso por razones que explicaré más adelante.

  • 2.0 - El presente (2001 - 2010). La web evoluciona incorporando tecnologías que mejoran la experiencia del usuario como AJAX, que sobre todo pretende abstraer al navegante de los tiempos de carga de las páginas, se tienen más en cuenta los estándares W3C y los diseños se basan CSS que, manipulados con JavaScript consiguen efectos visuales más atractivos. Se liberan infinidad de CMS's y se facilitan alojamientos gratuitos para crear blogs, portales, redes, etc. con contenidos fácilmente editables mediante un gestor (véase Wordpress, Joomla, elgg...). En definitiva: el usuario se convierte también en editor. En los procesos de búsqueda empiezan a cobrar bastante relevancia, merecida, sitios como digg.com.

  • 3.0 - El futuro inmediato (2011 - 2020). Se pretende desarrollar (por fin) la web semántica. Es decir: los buscadores utilizan mapas semánticos y redes significados para romper cierta barrera entre lo que el usuario que busca quiere decir y lo que el buscador encuentra. El problema es que en el momento en el que tecleamos unas cuantas palabras en un buscador estas dejan de ser palabras para convertirse en meras letras sin significado (y un significante sin significado es algo cojo). El problema radica en que una máquina (o cualquier artefacto no inteligente), que se comunica con un lenguaje estructurado y basado totalmente en operaciones aritmeticológicas no podrá nunca entender un lenguaje natural (esa es la gran barrera hacia la inteligencia artificial. De modo que la Web 3.0, hoy por hoy, es sencillamente una paradoja, aunque quizás pueda simularse con resultados más o menos óptimos.
    A esto habría que añadir la recopilación de datos de los usuarios (que ya se lleva a cabo mediante muchos sistemas) para cambiar los resultados de una búsqueda, seleccionar la publicidad, etc.

  • 4.0 - El futuro lejano (???? - ????). Lo que se ha reservado para la Web 4.0 es algo que veo muchísimo más cercano que la web semántica: el WebOS, es decir, el sistema operativo basado en la web, cosa que no sé muy bien cómo está planteada, pero que es, hoy día, imprescindible: se trata de que cualquier usuario o empresa acceda a sus datos y a sus aplicaciones a tavés de la web, es decir, desde cualquier lugar del mundo donde haya una conexión a Internet. Con eso solventamos un problema muy común en la PyME que ejemplifico: de tres ordenadores que tenemos en la oficina sólo uno tiene aquel viejo programa de contabilidad que no puede compartir datos con los demás ordenadores, y peor aún, no el usuario no sabe cómo hacer operaciones de mantenimiento.


Creo que de todos estos cambios lo más interesante para el navegante es el acercamiento a la web semántica. Sin duda el sistema de búsquedas que utilizamos ahora (llámese Google, llámese Yahoo) funciona mal. ¿Cómo puede un motor de búsqueda encontrar un texto literario? ¿Cómo puede relacionar expresiones y textos que en definitiva son ideas si los programas informáticos no pueden pensar? Sin duda, el protagonismo que tendrán los lingüístas en el futuro de la red será similar al de los desarrolladores.

Hola, mundo

0 comentarios

Tenía que empezar con el tópico, no pude evitarlo (os presento mis disculpas). Supongo que esta primera entrada (¿log entry? ¿seguro que se dice así en español?) debería ser para explicar de qué va esto, pero en realidad está bastante claro en el título, así que la pregunta que voy a responder no es qué, sino por qué: ¿por qué he empezado a escribir este blog? Porque creo que cualquier persona que se dedique en parte a cualquier proyecto de desarrollo debería, en la medida de lo posible, sacar un rato para escribir sobre las herramientas que usa. Dejaré algún tutorial explicando cómo preparo ciertas cosas (cómo hacer un fichero de configuración para una web, cómo conseguir ciertos efectos que se ven en determinados sitios, qué herramimentas libres utilizo, cómo empezar a hacer ese algo que parece tan complicado) Algunos no serán de la calidad que requiere un programador ávido de aprendizaje, por eso espero vuestras correcciones en los comentarios. No me cortaré a la hora de postear contenidos de otros blogs, porque eso servirá para que los lectores que pueda tener, en algún caso, descubran algo nuevo.

Entonces... ¿esto es un blog más sobre desarrollo y web? La respuesta es no, éste es el mío.