El Comercio Digital

Webmaster Libre

Subtitulo del blog

Archivo de Octubre de 2008

Framework CSS para crear menús desplegables

CSS Dropdown Menu Framework

Puede que los menús desplegables no sean el modo más adecuado de presentar varios elementos de un menú pero es cierto que cuando tenemos múltiples opciones y poco espacio son un recurso muy socorrido.

Si te has pasado tiempo peleando para conseguir menús desplegables sólo con CSS, que funcionasen en todos los navegadores y todo eso quizá para la próxima quieras probar con este framework css.

Viene cargado por defecto con unos cuantos estilos para tus menús pero crear un estilo nuevo es bastante sencillo y funcionará bien en todos los navegadores. Eso si, para IE6 necesitarás cargar también un fichero javascript también incluído.

CSS Drop-Down Menu Framework: http://lwis.net/free-css-drop-down-menu/

Vía Web Resources Depot

No uses banderas para indicar el idioma

Iconos de banderas por Fam Fam Fam

Supongo que buscar una forma de mostrar las diversas opciones de idioma de un sitio web es algo que nos ha asaltado a todos en un momento u otro.

Hay una convención muy extendida, que no correcta, que hace que empleemos banderas para indicar los diversos idiomas del sitio pero ¿es realmente correcto?

Hace tiempo que, al menos yo, concluí que no. No todos los que hablamos castellano vivimos en España, así como no todos los que hablan inglés viven en Inglaterra o Estados Unidos. Es más, no siempre seleccionamos un idioma en función a donde vivimos si no en función a los idiomas que conocemos y hacernos seleccionarlo según la bandera de uno u otro país es, cuanto menos, confuso.

Hay un caso en el que me parece que todo se confunde especialmente, en las tiendas y catálogos online. No es lo mismo una versión en inglés que una versión para Inglaterra, por ejemplo, en la que además del idioma habría un cambio de divisa y puede que incluso de tiempos de entrega, formas de pago o envío.

Además hay otros puntos, como los que mencionan en Janko at Warp Speed, que es conveniente no pasar por alto. En primer lugar las similitudes entre banderas, que a 16×16 píxeles pueden ser bien difíciles de identificar (más aún para personas de edad avanzada o con deficiencias visuales), luego lo feo que puede quedar tener un frente de banderas en plan galones militares incrustados en nuestros diseños y, por último pero no menos importante, el potencial factor insultante.

Desconozco si es igual en otros idiomas pero lo que si sé es que he asistido a auténticas peleas sobre si debe o no decirse español al castellano en su conjunto o si esta o aquella forma de hablarlo es más o menos correcta que la otra. Es más, en el caso de España o Canadá, donde hay más de un idioma oficial, la bandera no ofrece información 100% correcta.

Para mí, la mejor opción para mostrar las opciones de idioma es utilizar el nombre del idioma escrito en su propio idioma (English, para ingles por ejemplo). De esta forma el usuario no tiene problema en identificar el idioma que es capaz de hablar, incluso si la página está en ruso.

Y vosotros ¿qué soléis emplear para mostrar las opciones de idioma de un sitio?

Al final otro año que me he quedado sin Fundamentos Web

Supongo que los que esperabais verme por allí ya os habéis dado cuenta de que otro año más Alma se ha quedado sin Fundamentos Web.

Este año ha sido el peor, sin duda, llevo desde el sábado sin poderme mover de la cama y todavía no sé cuando estaré recuperada del todo…

Espero que los medicamentos y el reposo hagan su efecto pronto…

Horarios vistosos con Javascript

Si alguna vez tienes la necesidad de crear una tabla con horarios (como la programación de televisión, horarios de clases, de trenes…) echale un vistazo a este script.

Con él conseguirás horarios de aspecto agradable y que pueden navegarse cómodamente gracias a javascript.

Horario

El código generado es perfectamente válido y agregar nuevos eventos es un suspiro, además a cada evento puedes constar de texto o código HTML e incluso podrás agregar funciones a ese HTML.

Today’s Timetable: http://www.cod3.net/timetable/

Vía Web Resources Depot

Acordeón animado con javascript en sólo 1.3KB

Acordeón

Los acordeones son uno de esos recursos ya ubicuos en el desarrollo de interfaces web, al igual que los sistemas de pestañas, nos permiten introducir más información en menos espacio sin agobiar a nuestros visitantes.

La mayoría de sitios emplean acordeones asociados a librerías de Javascript como jQuery o Mootools y eso está muy bien cuando nuestro sitio va a emplear algunas de las funciones de estas librerías pero, si sólo queremos introducir un pequeño efecto puntual es como matar moscas a cañonazos.

Por eso me ha encantado este diminuto script de tan sólo 1.3KB que te permitirá disfrutar de unos preciosos acordeones animados sin necesidad de cargar tus webs de ficheros pesados.

Soporta múltiples instancias, usa listas de definición para el marcado y un sistema muy simple de hojas de estilo para la personalización.

Para inicializarlo sólo debemos introducir el siguiente código

var mySlider=new accordion.slider("mySlider");
mySlider.init("slider",0,"open");

Y el script se encargará de tratar con las listas de definición y agregar los eventos necesarios a los encabezados.

Funciona perfectamente en Firefox, Safari, Opera, Internet Explorer y Chrome.

Animated Javascript Accordion V2

Nos vemos en Fundamentos Web

Después de años queriendo ir y no pudiendo por una razón u otra (y eso que se celebra aquí a dos pasos de mi casa) este año, por fin y gracias a Carlos Urioste, disfrutaré de las conferencias y talleres de Fundamentos Web.

Me da un poco de angustia pensar que iré yo solita y por eso he pensado que quizá alguno de vosotros vaya asistir y quiera tomarse un café conmigo allí o algo. Así no me sentiré tan perdida y antisocial como presiento que me voy a sentir.

Así que, lo dicho, si alguien va a asistir y le apetece quedar conmigo para charlar y asistir juntos a las conferencias sería genial. Por un lado nos conoceríamos, que ya es algo importante eso de poner cara a la gente y por otro harías una buena acción acompañando a esta indefensa y tímida muchacha…

En serio, me encantaría que nos pudiéramos juntar unos cuantos, sería como una mini-kedada y eso siempre me hace ilusión.

Pingates te ayuda a enviar tu sitemap a los buscadores

Seguro que ya sabes lo importante que es tener un sitemap para facilitar a los buscadores la localización y rastreo de tus páginas. Seguro que ya tienes una cuenta en Google Webmaster Tools a la que has enviado tu sitemap ¿no?

Pero hay más buscadores además de Google y, a pesar de la clara supremacía de este sobre los demás buscadores, no deberíamos dejar pasar la oportunidad de enviarlo a otros como MSN/Live, Yahoo! o Ask.

Gracias a la herramienta que pone a nuestra disposición Pingates podremos enviar nuestro sitemap a varios buscadores desde una única ventana y sin tener que abrirnos cuentas o rellenar formularios.

Pingates Sitemap Ping Tool

Una vez enviado nuestro sitemap debemos asegurarnos que indicamos claramente su localización en nuestro fichero robots.txt de la siguiente forma:

Sitemap: http://tudominio.com/sitemap.xml

Así los buscadores lo encontrarán en las subsiguientes visitas a tu sitio

Pingates Sitemap Ping Tool: http://tools.pingates.com/sitemap/

Vía Después de Google

Problemas con la conexión

Llevo unos días sufriendo problemas importantes con mi conexión a internet, en resumen esto se desconecta cada 10 minutos durante todo el día y eso me impide mantener el blog actualizado como de costumbre (entre otras cosas).

Mañana voy a empezar a gestionar un cambio de operador y espero que no tarden demasiado en ponerme la nueva conexión. Mientras tanto esperemos que esto se estabilice y mientras me dan de alta la nueva línea pueda seguir trabajando como de costumbre.

Disculpad las molestias y, si queréis culpar a alguien culpad a Timofónica.

links for 2008-10-14

6 soluciones libres para mostrar tus imágenes al mundo

Existen muchas formas de compartir imágenes en internet, algunas alojadas por terceros como Flickr o Zooomr que nos ofrecen, además de un excelente alojamiento, muchas características sociales.

Aún así, si quieres montar tu propia galería alojada en tu servidor y completamente controlada por tí existen soluciones igualmente excelentes, gratis y libres. Hoy te traigo una pequeña selección de sistemas para alojar y mostrar tus imágenes online.

  • Gallery

    Gallery Logo

    Gallery, en cualquiera de sus dos ramas, es una galería muy configurable y completa. Dispone de múltiples opciones para editar tus fotos directamente online, mostrar presentaciones, ofrece un feed RSS para que la gente pueda suscribirse a tus galerías y dispone de varios módulos para integrarse con otros gestores de contenido.

    http://gallery.menalto.com/

  • ZenPhoto

    ZenPhoto logo

    ZenPhoto es otro sistema muy completo, con soporte para imágenes y video y numerosas características avanzadas pero con un interfaz muy sencillo e intuitivo.

    http://www.zenphoto.org/

  • Plogger

    Plogger Logo

    Plogger es otra solución muy sencilla de utilizar pero bastante potente, genera miniaturas automáticamente de gran calidad, te permite visualizar tus imágenes en una cómoda presentación con javascript, genera URL bonitas y optimizadas tanto para visitantes como para buscadores…

    http://www.plogger.org/

  • SPGM

    Simple Picture Gallery Manager

    Como su nombre indica, Simple Picture Gallery Manager es un sistema muy sencillo. Sólo subir las fotos a directorios y listo. Eso si, no realiza thumbnails automáticamente ni tiene demasiadas características extra, no obstante existen plugins que pueden extender sus funcionalidades un poco.

    http://spgm.sourceforge.net

  • Coppermine Gallery

    Coppermine Gallery logo

    Coppermine es el gran behemot de las galerias de imágenes, infinitas características y funcionalidades que pueden hacerla menos atractiva debido a su peso y su inicial dificultad de manejo.

    http://coppermine-gallery.net/

  • Pixelpost

    Pixelpost logo

    Pixelpost más que una galería es un sistema de para crear fotologs, muy cómodo y sencillo de usar te permite subir tus imágenes, recibir comentarios y facilitar la suscripción a tus visitantes mediante RSS. Sin duda no tiene nada que envidiar a los servicios alojados por terceros y todas la ventajas de gestionarlo tu mismo, sobre todo la de personalizar absolutamente tu diario en imágenes.

    http://www.pixelpost.org/

Mis favoritas son Gallery, ZenPhoto y Plogger para galerías y Pixelpost para fotologs, pero queda en tus manos probar y escoger el sistema que mejor funcione contigo ¿Recomendaríais alguna otra galería?

Webmaster Libre es un blog de Alma Fernández y está publicado bajo licencia Creative Commons desde el año 2006

Agradecimientos especiales a WordPress y FamFamFam

Política de Privacidad | Condiciones de uso | Sitemap (XML)