3 estupendas herramientas online para crear menús con CSS.

Menu de ejemplo

Crear un menú con estilos CSS es relativamente sencillo pero no siempre tenemos el tiempo o los conocimientos necesarios para hacer el menú que buscamos. Como ayuda existen 3 herramientas online que nos pueden resultar útiles:

izzymenu.com: Impresionante, para empezar nos da bastantes opciones para personalizar cada menú. Pero es que además cuenta con cientos de diseños predefinidos de muy buena calidad, tanto creados por los editores como por los propios usuarios. Incluso podemos generar menús animados con Jquery.

Su peor defecto es la forma exagerada de mostrar la publicidad, hasta en los archivos que descargamos aparece publicidad de su CMS (que por supuesto podemos eliminar). Otra desventaja es tener que registrarse para poder usar todas las opciones.

cssmenubuilder.com: Otra estupenda herramienta que además genera código bastante más “limpio”. Su galería de menús predefinidos en mucho más corta pero a cambio podemos modificarlos totalmente sin necesidad de tocar el código.

La única desventaja que le encuentro es que no podemos generar la estructura de enlaces desde la propia herramienta. Aunque tampoco es ningún drama pues la propia herramienta nos permite crearla a mano.

cssmenumaker.com: Una opción más simple, contamos con una galería de unos 80 diseños predefinidos pero que no podemos modificar estéticamente. Como ventaja si podemos generar la estructura sin salir de la herramienta, incluyendo submenús. Es interesante,  aunque mucho menos potente que las 2 anteriores. Leer más

Prueba tus sitios web en todos los navegadores.

Test navegadores

Cualquiera que se dedique al diseño web o al desarrollo de aplicaciones online sabe que un proyecto, antes de considerarse terminado, debe ser probado en la mayor cantidad de navegadores posible. Una forma de simplificar el trabajo es hacer pruebas según el motor interno de cada navegador, que principalmente son:

  • Trident: Internet Explorer
  • Gecko: Firefox, Flock, Camino, K-Meleon, Epiphany, etc…
  • Webkit: Safari, Chrome, Konqueror, etc…
  • Presto: Opera

Si probamos el nuevo sitio web en al menos un programa de cada grupo y no aparecen problemas, nos aseguramos una buena compatibilidad. Pero también es cierto que cada navegador usa una versión diferente de su motor de renderizado, por lo que este truco no resulta del todo fiable.

Por ese motivo en los últimos años han aparecido servicios que nos facilitan hacer pruebas en casi todos los navegadores existentes y en un amplio rango de versiones. Desde las más modernas, a otras con una década a sus espaldas que nadie con un poco de cordura usará, por ejemplo IE 4. Leer más

Etiqueta “canonical”: nueva solución al contenido duplicado.

Cuando nos embarcamos en la dura tarea de mejorar el SEO, el problema más aparatoso suele ser el contenido duplicado, especialmente si trabajamos con CMS. Los motores de búsqueda puntúan muy positivamente el contenido original y penalizan el duplicado, incluso dentro de un mismo sitio web. Por tanto, si tenemos más de una dirección con la que acceder a una página o sección, los buscadores interpretaran que son páginas distintas copiadas y nos harán bajar puestos en las búsquedas. Además, nos arriesgamos a que los visitantes lleguen a una página a través de direcciones secundarias que no nos interesa mostrar.

La etiqueta “canonical” pretende solucionar este problema de una forma muy sencilla, dándonos la opción de indicar a los motores de búsqueda que una página es un duplicado e informándolos de donde se encuentra el contenido original. Para hacerlo tendremos que añadir dentro de la etiqueta <head> un código similar a:

etiqueta-canonical

Los sitios basados en un gestor de contenido seguramente pronto dispondrán de parches o plugins que faciliten la aplicación de la etiqueta “canonical”. Por ejemplo, para WordPress ya existe el plugin WP-Canonical. Leer más

Personalizar la página de error 404.

fire_404

404 es un código de error HTTP, indica que el navegador ha podido comunicarse con el servidor pero ha recibido como respuesta que el recurso buscado no se puede encontrar. O hablando claro, es el error que aparece cuando ponemos la dirección de una página que no existe.

Por lo general cada navegador tiene su podría página de error, que coinciden en ser realmente feas y poco claras. Además, pueden llevar al visitante a creer que el servidor no funciona o incluso que el sitio web ya no existe, lo cual nos perjudica seriamente. ¿Qué podemos hacer en estos casos?

Lo mejor es crear nuestra propia página de error personalizada y adaptada al estilo visual de nuestra web, de modo que el visitante entienda que el error fue suyo al escribir la dirección o que el enlace sobre el que pincho era incorrecto. Y si como extra añadimos un poco de humor y originalidad, saldremos de una “situación dramática” como auténticos profesionales.

La forma más sencilla de añadir esta página personalizada es mediante el archivo .htaccess (que debe encontrarse en el directorio raíz del sitio web), donde añadimos la siguiente línea: Leer más

¿Qué CMS me conviene usar en este proyecto?

Es una pregunta que todos nos hemos hecho alguna vez y es que las posibilidades a la hora de elegir un CMS son muy amplias, hay tantos gestores de contenido en la actualidad que es fácil perderse en interminables búsquedas. Y el problema ya se acentúa cuando trabajamos en un proyecto que se sale de lo habitual, por ejemplo un portal de vídeos o una web de anuncios clasificados.

Si te encuentras en este problema seguramente te resulten útiles las siguientes páginas web:

opensourcecms

Interesante portal dedicado principalmente a los CMS libres y gratuitos. Tiene una gran variedad de software instalado en sus servidores para que podamos hacer pruebas, como usuario y también como administrador. Por seguridad cada varias horas se reconfigura todo automáticamente, así se evita que alguien “sin querer” desconfigure un CMS, impidiendo a los demás probarlo.

opensourcecms.com

cmsmatrix

Este portal es diferente, no tiene el software instalado, ni tampoco permite probar los gestores de contenido. Es más bien una base de datos, muy amplia, de las funciones que incorpora cada CMS. Si seleccionáis varios diferentes y luego pincháis en el botón “Compare”, se obtiene una tabla comparativa, lo que nos permite descartar software que no tenga las posibilidades que buscamos en ese momento.

cmsmatrix.org

Por supuesto, siempre tenemos también la “opción B”: programarlo nosotros mismos. Aunque por la cantidad de horas de trabajo que implica hacer un CMS de calidad, casi nunca nos compensara empezar de cero un proyecto de este tipo.
Leer más