Sidebar a la izquierda, derecha, ambos o ninguno

27 de September de 2008 | Categoría: Diseño

Un punto importante a la hora de diseñar un sitio web es la colocación del sidebar (A partir de ahora menú). Podemos optar por colocar el menú a la izquierda del contenido, a la derecha o en ambos sitios.

En principio la decisión puede no parecer importante, pero dependiendo del tipo de web o del tipo de contenido del menú puede ser más o menos interesante colocarlo en un lugar o otro. Pasemos a nombrar las ventajas y desventajas de cada posición:

Sidebar en la derecha

Ventajas

  • Al leer de izquierda a derecha conseguiremos que el contenido gane importancia en nuestra página dejando el menú lateral en un segundo plano.
  • El sidebar en la derecha es ideal para añadir cierta información extra en la vista completa de las entradas como enlaces a redes sociales.
  • Al colocar el sidebar en la derecha conseguimos que nuestra página luzca como un verdadero blog.

Desventajas

  • Al colocar el sidebar a la derecha el contenido queda en la izquierda de la pantalla y obligaremos a el lector a mirar hacia el borde de la pantalla para leer.
  • Perdemos una buena posición para un bloque publicitario, aun que en la derecha también funcionan bastante bien.

Sidebar en la izquierda

Ventajas

  • Al leer de izquierda a derecha el menú se verá más lo cual puede ser interesante para colocar publicidad en él, o enlaces importantes para navegar por el blog/web.
  • El sidebar en la izquierda hace que el contenido quede más centrado en la página lo que hace que el usuario para leer el contenido mire al centro de la pantalla y no al lateral.

Desventajas

  • Al estar en la izquierda le resta importancia/visibilidad al contenido.
  • El sidebar a la izquierda hará que nuestra página recuerde más a una web que a un blog.

Continuar leyendo »

 
Enlace permanente | 2 Comentarios →

Nuevo diseño en Guiabreve

26 de September de 2008 | Categoría: General

Los pocos visitantes fieles del blog os habréis dado cuenta que hace unos días el diseño del blog cambió. Lo cual no es raro, ya que en los pocos meses que tiene, el blog ha cambiado de diseño unas seis veces y siempre que lo cambio digo que es la definitiva y este vez no va a ser menos.

En este cambio definitivo he buscado un diseño minimalista en el que destaque el contenido por encima de todo y se muestre solo aquello realmente interesante para el blog. Además, he integrado algunas redes sociales que uso como Twitter o Delicious. Ahora se muestran las últimas actualizaciones de ambas webs en la barra lateral.

Espero que el diseño os guste, por que en principio no tengo planeado cambiarlo mucho, aunque ya estoy considerando algunos pequeños cambios. Cualquier opinión es bienvenida, es más sería interesante que comentéis aquellos puntos que más/menos os gustan que todo se andará.

PD: se que en los últimos días prácticamente no he actualizado el blog pero entre que estaba preparando el nuevo diseño y me han empezado las clases de DAI no he tenido mucho tiempo.

 
Enlace permanente | 3 Comentarios →

Ha día de hoy el Spam es tan común que algunos intentan destacar con titulares tan curiosos como «RedBull para tu miembro mejor». — [0].

 

Soy “Googleable” luego existo

20 de September de 2008 | Categoría: General

 
Enlace permanente | 2 Comentarios →

Lista de últimos temas escuchados en Last.fm en PHP

17 de September de 2008 | Categoría: Recursos, Tutoriales

Gracias a la API de Last.fm y a esta entrada de Carlos Martínez. El código usa el sistema Plain (Texto) de la API que nos permite acceder a los datos en forma de archivo de texto, y luego, posteriormente por medio de PHP lo adaptamos para mostrarlo de forma correcta.

[COPIAR]
Código PHP (Copiar):
  1. <?php
  2. function get_remote_file($url, $timeout = 10) {
  3.     $ch = curl_init();
  4.     curl_setopt ($ch, CURLOPT_URL, $url);
  5.     curl_setopt ($ch, CURLOPT_RETURNTRANSFER, 1);
  6.     curl_setopt ($ch, CURLOPT_CONNECTTIMEOUT, $timeout);
  7.     $file_contents = curl_exec($ch);
  8.     curl_close($ch);
  9.     return ($file_contents) ? $file_contents : FALSE;
  10. }
  11. $usuario = "usuario";
  12. $datos = get_remote_file("http://ws.audioscrobbler.com/1.0/user/$usuario/recenttracks.txt");
  13. $datos = utf8_decode($datos);
  14. $linea = explode("\n", $datos);
  15.  
  16. echo "<ul id=\"lastfm\">";
  17. for ($i = 0; $i <10; $i++) {
  18.     $parte = explode(",", $linea[$i]);
  19.     echo "<li>".str_replace("?","-",$parte[1])."</li>";
  20.     }
  21. echo "</ul>";
  22. ?>

 
Enlace permanente | 2 Comentarios →

Constructu Your CSS es una página que nos permite crear la estructura básica de nuestra web de forma sencilla y visual. Al final la página nos dará un código HTML y su código CSS correspondiente para que todo se vea correctamente. — [0].