uvedobles.com» Menus

Mini iconos para aplicaciones

dedavid — Wed, 28 Apr 2010 06:44:24 +0000

En contra de toda corriente artística de la actualidad en boga de los diseñadores v.2.0 donde afloran los CSS de fuentes de 11px “parriba” e iconos de 64×64 y algún que otro megaicono de 256 x 256 pixelacos hoy os traemos unos “fantabulosos” mini iconos super minimalistas del callao para que dotéis a vuestras aplicaciones web de un estos micro iconos creados por Brand Spanking New, la lupa se vende a parte.

A nivel técnico son 113 iconos con un tamaño de 10 x 10 píxeles y son de libre uso, incluído el uso comercial de los mismos aunque según la licencia de origen debéis mostrar su origen en los créditos del proyecto.

Para descargar aqui: Mini iconos para aplicaciones (13)

Páginas relacionadas con este artículo:

Estilos CSS del cursor

dedavid — Wed, 24 Mar 2010 15:32:33 +0000

Aquí tenéis toda los posibles estilos del cursor para que podáis aplicar bajo CSS, si pasáis el cursor por encima de “Prueba” veréis el resultado, este resultado diferirá de un navegador a otro, es decir el icono puede ser muy diferente entre FireFox, Safari, Chrome e Internet Explorer, el buen uso de la propiedad cursor hace las páginas web más usables sobre todo para estilos de menús basados en capas:

Valor	Prueba	Netscape	Explorer	Estilo CSS
default	Prueba	6+	4+	cursor:default
crosshair	Prueba	6+	4+	cursor:crosshair
hand	Prueba		4+	cursor:hand
pointer	Prueba	6+		cursor:pointer
Cross browser	Prueba		4+	cursor:pointer;cursor:hand
move	Prueba	6+	4+	cursor:move
text	Prueba	6+	4+	cursor:text
wait	Prueba	6+	4+	cursor:wait
help	Prueba	6+	4+	cursor:help
n-resize	Prueba	6+	4+	cursor:n-resize
ne-resize	Prueba	6+	4+	cursor:ne-resize
e-resize	Prueba	6+	4+	cursor:e-resize
se-resize	Prueba	6+	4+	cursor:se-resize
s-resize	Prueba	6+	4+	cursor:s-resize
sw-resize	Prueba	6+	4+	cursor:sw-resize
w-resize	Prueba	6+	4+	cursor:w-resize
nw-resize	Prueba	4+	4+	cursor:nw-resize
progress	Prueba		6+	cursor:progress
not-allowed	Prueba		6+	cursor:not-allowed
no-drop	Prueba		6+	cursor:no-drop
vertical-text	Prueba		6+	cursor:vertical-text
all-scroll	Prueba		6+	cursor:all-scroll
col-resize	Prueba		6+	cursor:col-resize
row-resize	Prueba		6+	cursor:row-resize
cursor:url(uri)	Prueba		6+	cursor:url(uri)

Páginas relacionadas con este artículo:

Menú de navegación desplegable en CSS3

dedavid — Mon, 15 Mar 2010 07:38:21 +0000

Excelente menú de navegación desplegable estilo Apple iPhone realizado bajo CSS3, a continuación el wireframe con la estructura de este sistema de menus:

Y ahora una captura con el fichero CSS y algunas anotaciones extraídas de la web original (en inglés):

Podéis verlo funcionando en: http://www.webdesignerwall.com/demo/css3-dropdown-menu/

Páginas relacionadas con este artículo:

Megamenus para tu web

dedavid — Tue, 09 Feb 2010 08:52:57 +0000

En más de una ocasión los abrás visto en diferentes páginas web, unos menús tamaño XXL que aparecen al situarte sobre una opción de menú de navegación más o menos discreta, donde al pasar el ratón por encima y por tanto realizar el correspondiente “over” pummmm megamenu en tus narices.

Entonces posiblemente abrás pensado si eso es bueno o es malo, si es usable o no lo es, pues como todo exceso al principio puede reproductir repulsión. A mi, el escritor de este artículo, no son muy de mi agrado si bien tras reflexionarlo quizá el gurú de la navegación Jacob Nielsen tenga razón y sean una de las formas más óptimas de navegar en una web con muchos enlaces.

Así pues que una vez Mr. jacob ha bendecido los megamenús para su uso vamos a darle una oportunidad, y mirad por donde hemos encontrado una web con una demos excelente, donde podemos ver un montón de posibles aplicaciones, la que más no a gustado además de la primera localizada en la opción “A” del primer menú, es la última demo donde lo que nos ofrece son direcciones físicas ordenadas alfabéticamente como si de un address book o agenda se tratase.

Enlace: http://www.ihwy.com/Labs/demos/current/jquery-listmenu-plugin.aspx

Páginas relacionadas con este artículo: