Archivo de la categoría ‘Desarrollo Web’

Menú animado con CSS y jquery

domingo, 17 de mayo, 2009

La diferencia entre un buen diseño y un diseño genial puede estar en pequeños detalles que proporcionen mayor riqueza visual, como los menús animados realizados habitualmente en Adobe Flash. Como no soy amigo del Flash (*insertar aquí delirio sobre porqué los desarrolladores serios odiamos flash*), voy a mostraros cómo hacer un menú similar al que tenemos en la cabecera de esta web usando CSS Sprites y javascript (jQuery).

Preparando las imágenes

En primer lugar montaremos los tres estados del botón (normal, hover y activo) en un sprite tal que así:

homeboton

La técnica de sprites consiste en utilizar una única imagen para todos los casos, mostrando sólo la parte que nos interesa mediante la propiedad background-position. La altura de la imagen es de 30px, de manera que para mostrar cada bloque cambiaremos la posición vertical del fondo a 0, 30px o 60px según el fragmento.
Leer el resto de la entrada »

Rediseño

miércoles, 22 de abril, 2009

La gente me comentaba «muy chula tu página… pero ¿porqué pone 2007 en el pie?». Esta web necesitaba un rediseño urgente. Cualquiera que me conozca un poco (y mis recientes experimentos para recortarle horas al sueño lo atestiguan), sabe que si no lo he hecho antes no ha sido por falta de ganas, sino de tiempo. Así que sin planearlo, un día cualquiera en un arranque de creatividad le metí mano al photoshop hasta que salió una cabecera decente. La idea ya llevaba tiempo rondándome la cabeza. El resto vino solo.

Tras el diseño de la portada, tenía que decidirme sobre qué sistema iba a implementar el sitio. Las páginas iban a ser estáticas en su mayoría, pero me apetecía tener un blog (ya sabéis, hoy en día si no tienes blog la gente te mira raro por la calle). La cosa estaba entre wordpress o hacerme algo a medida con Codeigniter. Al final me decidí por wordpress. Podría decir que lo hice por la facilidad de instalación e uso, versatilidad, los plugins, etc. Mentira. Lo hice por la pijada de turno: la aplicación libre para iPod/iPhone. Quizá no lo use mucho, pero para cualquier geek eso de sacarse el iPod del bolsillo y decir «voy a escribir una entrada en mi blog» es la leche. Ya os contaré que tal va.

RSS iTunes podcast Twitter

Categorías

Enlaces

Archivos