de webmaster a webmaster

Lo que tenemos clasificado como ‘Menus

Mini iconos para aplicaciones

sin comentarios, by the moment porfaplis, deja uno que "é grati"

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.

mini iconos aplicacion Mini iconos para aplicaciones

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 (87)

Blogueado por dedavid alias uvedobles.com

April 28th, 2010 a las 7:44 am

Estilos CSS del cursor

sin comentarios, by the moment porfaplis, deja uno que "é grati"

estilo del cursor 480x360 Estilos CSS del cursor

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)

Blogueado por dedavid alias uvedobles.com

March 24th, 2010 a las 4:32 pm

Menú de navegación desplegable en CSS3

sin comentarios, by the moment porfaplis, deja uno que "é grati"

menu desplegable en css3 Menú de navegación desplegable en CSS3

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:

menu desplegable en css3 wireframe Menú de navegación desplegable en CSS3

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

menu desplegable en css3 fichero css 256x480 Menú de navegación desplegable en CSS3

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

Blogueado por dedavid alias uvedobles.com

March 15th, 2010 a las 8:38 am