diseño gráfico / identidad / hosting

Artículos de la categoría ‘Tutoriales’

Técnicas avanzadas de navegación en masa

Martes, Mayo 12th, 2009

En este artículo vamos a ver una técnica compuesta para navegación masiva.

Hay situaciones en las que queremos abrir una gran cantidad de links. Por ejemplo, recorriendo una galería de imágenes (la situación mas común) o cualquier tipo de contenido

En estos casos generalmente se nos presenta la posibilidad de hacer click en “siguiente” para ir viendo cada imagen. Pero de esta forma tenemos que esperar a que se cargue la imagen, mientras que esta se podría haber estado cargando en el tiempo que estábamos mirando la imagen anterior.

Cuando se nos presenta un link como este http://wwww.page.com/imgs/024.jpg, si somos atentos nos daremos cuenta que el nombre de archivo de la imagen es un numero. Y que sucede si cambio 024.jpg por 023.jpg? Eureka! Hay más imágenes. Esta es una forma bastante humilde de ingeniería inversa; poniéndonos en la mente del webmaster, seria ilógico tener una imagen que se llame 024.jpg si no existiesen imágenes anteriores.
(más…)

Diseño web para celulares

Sábado, Abril 25th, 2009

La internet puede ser accedida de varias formas, la más común y esperada de ellas es a través de una computadora. Pero también existe la posibilidad de acceder a través de un celular, smartphone, PDA… podríamos resumirlo como “cualquier dispositivo portable con capacidad de acceder a internet”

En el caso de los smartphones más recientes, la internet para ellos es simplemente la internet… la cual debe ser observada de cerca para poder experimentar en su verdadera naturaleza. Es como si tuviésemos un monitor normal, pero tuviésemos que ver las cosas a través de un rectángulo de 12cm*6cm. En otros casos, el “zoom” no ocurre. Y en el caso de celulares mas viejos que usan WAP, la página puede ni siquiera verse.

Frente a la realidad de que nuestro sitio web puede ser accedido por celulares, tenemos básicamente 4 opciones:

  1. No hacer nada
  2. Sacar los estilos CSS y entregar XHTML inalterado
  3. Usar CSS especifico para handhelds
  4. Generar una página aparte específica para usuarios handheld

Cada situación tiene sus pros y sus contras que pueden leer a fondo en la segunda parte del artículo Mobile Web Design: Methods to the Madness de Cameron Moll.

En este artículo vamos dar una introducción a la tercera opción: Usar CSS especifico para handhelds.
(más…)

Agregar links de social bookmarking a wordpress

Jueves, Abril 9th, 2009

Los “links de social bookmarking” se representan generalmente en la forma de pequeñas imágenes al final de un post de wordpress. Estas imágenes son links que automáticamente agregan el artículo en el cual se presiono la imagen a algún sistema de rating y categorización de páginas, como puede ser digg, stumbleupon, etc.

Al tener estos links le facilitamos al lector la acción de agregar la página y también le recordamos que existe esta posibilidad, aumentando las probabilidades de que el lector tome acción.

Sistemas como stumbleupon, digg, etc, nos ayudan ya que aumentan el trafico y la exposición de nuestros artículos.

Si bien ya existen plugins para wordpress como AddThis y ShareThis que cumplen con este cometido, nosotros vamos a tomar el camino mas complicado pero eventualmente más efectivo. Por qué no usar plugins como estos? Requieren registración (tedioso) y al final del día no sabemos realmente que código se esta ejecutando en nuestra página, no sabemos si se esta recolectando información de nuestros usuarios, etc. Al tomar el camino más difícil estamos en realidad simplificando la situación.
(más…)