de webmaster a webmaster

Lo que tenemos clasificado como ‘Menus

Botones en CSS3

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

Sencilla colección de botones bajo CSS3 desde botones cuadrados a botones con esquinas redondeadas y estilo burbuja o bubble.

Puedes descargar la hoja de estilos CSS en el siguiente enlace.

http://horaciobella.com/zardi/

Ver la disposición de una página web

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

ver-wireframe-de-una-pagina.jpg

O como dicen los de lengua inglesa, ver el Wireframe, see the wireframe.

¿Qué es un wireframe?

Pues como ya decimos en el título un wireframe es un esquema de disposición de los diferentes elementos de una página web. Los módulos visuales sin textos en los que se distribuyen los contenidos.

La utilidad que le podemos dar es la del estudio y la inspiración, por ejemplo cuando una página web te gusta o te atrae por su usabilidad, ejecutas la herramienta y podrás ver su estructura, a partir de aquí inspira y expira código fuente hasta que la mejores.

En la captura de pantalla anterior te mostramos el wireframe de la página corporativa de nuestra aplicación de gestión online invOOice.com, una distribución la mar de sencilla y clara, en el header, selector de idiomas, logo, menú de navegación cuerpo de a tres columnas con imagen en cada una y un footer.

La aplicación para ver el wireframe

Esta aplicación es un Bookmarklet, es decir una aplicación web que se puede instalar como favorito, para instalarla:

Arrástra ESTO hasta tu barra de favoritos, si no te funciona dirígete a la página de autor y allí encontrarás más botones para instalarlo y una mayor documentación.

Os copiamos un vídeo de youtube sobre el funcionamiento de esta aplicación:

Enlace original: http://www.volkside.com/2010/12/introducing-wirify-the-web-as-wireframes/

El mejor slider que he visto

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

Bueno… esto va en serio, menudo slider multidimensional que han construido bajo jQuery… quita el hipo! Viene preparado para sistemas touch o taćtiles, aka iPad, iPhones y tablets y teléfonos Androideados, tiene unos efectitos muy elegantes y discretos y un montón de abalorios para decorar este fantástico slider accordion o acordeon de contenidos que puede hacer las veces de portfolio o de menú de prácticamente cualquier web, a nivel de usabilidad es muy correcto, le doy un 7 sobre 10 va… que no se diga.

Disponen de una licencia comercial, sin su marca, y una licencia Freeware con la marca pero totalmente preparada para integrar en WordPress. Haber si venden cantidades brutales y se nos demuestra que de esto, podemos vivir todos, amigos manitas del javascript!

Dadle un vistazo: http://www.slidedeck.com/wordpress/

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.

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

Blogueado por uvedobles.com alias uvedobles.com

April 28th, 2010 a las 7:44 am

Menú de navegación desplegable en CSS3

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

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/

Blogueado por uvedobles.com alias uvedobles.com

March 15th, 2010 a las 8:38 am