Necesitas de un menú llamativo para tu proyecto web, que mejor que realizarlo con CSS y de forma online. En el sitio IzzyMenu tan solo basta con que definas las opciones que llevara tu menú para luego elegir entre vertical u horizontal, después de eso eres libre para comenzar ha cambiar las opciones que da el servicio como colores, tipo de letra, fondos, bordes, rellenos, etc.
También existe la posibilidad de navegar por una galería de menús que ya han sido creados por otros usuarios, una vez hayas terminado puede ver el resultado para proceder a guardar el resultado en tu ordenador y así utilizarlo en tu proyecto, el sistema te genera un fichero *ZIP con todos los archivos como el código y las imágenes, una alternativa que te sacara de mas de un apuro. El servicio es gratis aunque requiere de registro si quieres guardar tus menús.
www.izzymenu.com
Un interesante artículo de CSSLab en el que podemos saber las diferentes unidades de medidas en CSS, además de saber las medidas sabrás en que poder ocupar ciertas unidades y aplicarlas en textos, layouts, margenes, etc. una guía recomendada para compensar con CSS.
Medidas en CSS
Hoy me ha sucedido algo que nunca pensé realizarlo en un mismo navegador (actualmente lo hacía con IE6 y Firefox) y es comprobar un sitio web que estoy desarrollando en Ie 5.5, 6.0 y 7, para ver la compatibilidad con el CSS, un fastidio pero así es como trabaja este odiado por algunos y queridísimo navegador que valida como le da la gana el CSS.
La pregunta es ¿y como instalo IE 4, 5, 6, y el 7? La respuesta la encontré con Multiple Internet Explorer Installer, un programa que permite instalar desde la versión 3 al 6 de Internet Explorer, sin mayores complicaciones, una útil herramienta para todo diseñador web que necesita comprobar el funcionamiento grafico de una web en el irritable Internet Explorer.
Multiple IE installer (10.3MB)
Una bonita manera de mostrar datos en una tabla con columnas dinamicamente y con CSS, es como los demuestra y explican en el sitio Askthecssguy, paso a paso, que cualquier persona puede realizarlo, una guía imperdible para los fans del CSS.
Creating a table with dynamically highlighted columns like Crazy Egg’s pricing table
Un de los consejos que doy a quienes empiezan a realizar sitios web, es que exploren bastantes sitios de todos los tipos sean portales, personales de empresas etc, para ir tomando en cuenta las estructuras de cada sitio, la usabilidad, juego de colores, código y manejo de información.
Para eso existen sitios como CssBased una excelente red social en donde se catalogan verdaderas obras de arte realizadas en base a diseño CSS.
CssBased es el sitio especial para buscar inspiración al momento de realizar alguna propuesta (eso si nunca copies una web completamente), catalogado por categorías, en esta comunidad además puedes votar o comentar los diseños que se exponen.
Vía: wwwhatsnew
Desde el sitio de N.Design Studio me tope con este sorprendente menu desarrollado con CSS y que se basa en la barra dock del Mac OS X, según cuenta Nick el dasarrollo lo realizo utilizando la biblioteca Javascript llamada jQuery y el componente Fishere para la interface mesclado con iconos de su colección. Un ejemplo destacable y que demuestra lo que se puede llegar a hacer sin siquiera utilizar Flash, el código completo lo encuestras en el sitio Ver demo
Vía: NDesign
Una excelente guía bien detallada que deberías leer si estas empezando a diseñar sitios en el que te explican el porque al momento de diseñar webs no se deben utilizar tablas. Via: Nubeoscura
Ver Guía
Un excelente recurso de tutoriales para aprender a diseñar mediante código CSS llamativos menús de bajo peso para tu sitio web, en los enlaces a continuación podrás realizar barras de menús horizontales y verticales, cambios de color, tamaños etc. Vía
13Styles es un sitio en el que encontrarás con explicación de su código una recopilación de menues en CSS para web bastante vistosos y recomendado.
Por medio de memoriasdeungeek llegue a Sitepoint (exelentes contenidos) un sitio en donde tienen personalizada la imágen de autoscroll (que aparece cuando te mueves con la ruedita del mouse) la idea es muy buena y lo mejor es que esta realizada con CSS cosa de mirar el code y poner manos a la obra, el code es este:
html>img /* autoscroll override for Firefox */
{
width: 0 !important;
height: 28px !important;
padding-left: 28px !important;
background: url(/images/icons/autoscroll2.png);
}
