Posts Tagged ‘layouts’

Recursos para hacerte tus menús CSS

Tuesday, September 18th, 2007

Reconozco que el título es un poco sensacionalista, pero un poner un post como “recursos para hacerte menús con CSS y HTML sintácticamente correcto y sin javascript” tampoco era una alternativa válida.

Bueno, a lo que vamos, acabo de ver una web donde puedes generarte menús de este tipo y en vez de hacer un post sobre el sitio he pensado que es más interesante recopilar los que a mi más me gustan:

Listamatic

El de siempre, el clásico, el único, el veterano, el del sonido estilo inconfundible. Una colección de menús tanto verticales como horizontales que recojen lo mejor de lo mejor. También incluyen ejemplos de menús anidados.

Más de 50 ejemplos disponibles, con su correspondiente código, a los que se suman tutoriales para aprender el arte de la creación de menús. Es el mejor recursos para aprender a hacer menús que es lo que realmente recomiendo a cualquiera que se quiera dedicar al desarrollo web y un punto de partida excelente. Imprescindible.

Listamatic - menus en css

Enlace: http://css.maxdesign.com.au/listamatic/

List-O-Matic

Se trata de un generador de menus online basado en los que ofrece el listamatic. Puedes generar tu menú en 3 pasos:

  • Define el número de enlaces
  • Define el texto, título y url de cada uno
  • Elige tu menú

Imagen 3.png

Enlace: http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/

CSS Menu Maker

Es el que he descubierto recientemente y aunque tiene poca variedad de menús parece que tienen la intención de ir ofertando más opciones. Muy fácil de usar, ofrece diseños bastante interesantes.

Imagen 4.png

Enlace: http://cssmenumaker.com/index.php

Smashing Magazine

Hace unos meses publicaron un post titulado “CSS-Based Navigation Menus: Modern Solutions” donde ofrecían ejemplos de webs que utilizan menús CSS. Únicamente ofrecen el link a los sitios originales y además algunos de ellos utilizan Javascript pero hay que reconocer que hicieron una magnífica selección.

Enlace: Smashing Magazine

YAML – Otro generador de Layouts CSS

Thursday, August 30th, 2007

[Vía Ajaxian]

Cada vez surgen más herramientas que pueden facilitarle la vida a los desarrolladores web a la hora de hacer sus maquetas en CSS. A rejillas como YUI Grids o Blueprint y herramientas como CSS Sculptor de Eric Meyer o Constantinology se une ahora YAML Builder, que mediante un interesante interfaz realizado en DHTML permite generar maquetas CSS de forma visual.

Imagen 2.png

Vale la pena probarlo aunque solamente sea por ver lo que algunos pueden llegar a hacer con HTML, Javascript y DOM… una herramienta muy currada.