Web 2.0 Tips

Icon

Consejos y trucos para el desarrollo y diseño de webs

Creando layouts xhtml/css con Yaml y Yaml Builder

Buscando un poco de documentación sobre el lenguaje de configuracón Yaml, encunetro este Framwork CSS, que aparte ofrece on-line una herramienta para crear y una plantilla sobre este FW CSS, Yaml (Yet Anoter Multicolumn Layouts) ofrece una buena base de CSS para trabajar con templates basados en columanas sobre XHTML, aparte de incluir CSS’s y JS’s para fixear determinados bugs de Intertet Explorer. El codigo esta bien comentado y respeta los estandares web. Lo único malo es que no hay documentación en español (por ahora).

Pero lo que les vengo a mostrar, es una herramienta on-line que ofrecen, para crear un layout basado en CSS en pocos minutos, solo seleccionando el estilo de columnado y otras como el estilo de la barra de navegion ,etc.

Leer este tip »

Menú solo con CSS (versión barra de navegación)

En mi post anterior habia explicado como hacer un menú desplegable solo con CSS sin Javascript, va aunque lamentablemente para IE si necesita JS, es solo una pequeña función para reemplazar un selector CSS que en el IE no funciona.

Ahora como les prometí en ese post, les voy a explicar como hacerlo pero de forma horizontal, tipo barra de navegación o menú de navegación y no tan tradicional.

Leer este tip »

Menúes desplegables solo con CSS (Sin JavaScript)

Muchos sitios que mantienen su información administrada en categorías, usa menúes desplegables para ir recorriendo los árboles de esta, y la mayoría de veces estos estan hechos en flash o con JavaScript, ensuciando el código y volviendolo complicado.

Lo que pocos saben es que se puede hacer un menu desplegable totalmente funcional sin necesidad de usar mas que HTML y CSS, sin incluir JS’s, librerias ni nada.

Leer este tip »

Web Analytics