Noticias Diseño – Tutorial Photoshop

Maquetar hoy en día es una tarea de locos, cada explorador tiene un motor de render y suelen ofrecer resultados diferentes a la vista en muchos elementos.

A continuación os dejo 3 consejos que pueden resolver ciertos fallos. Seguir leyendo »

Os adjunto un Reset CSS para maquetar. Yo lo encontré en el Framework CSS de Blueprint y según muchos expertos, dicen que es el mejor. Digamos que el objetivo de este CSS es el de reducir inconsistencias que existen entre los diferentes renders de navegadores a la hora de mostrar una Web. Seguir leyendo »

La verdad que el diseño de los Checbox es horroroso cuando lo insertamos por defecto y es uno de los elementos que peor se llevan con los estilos así que a la hora de manipular el diseño suele conllevar dolores de cabeza.

Para ahorrarte alguna aspirina te dejo este código con JQuery que cumple muy bien el objetivo. Podrás cambiarle el diseño al 100%. Con un estado hover, selected, etc.

Espero que le saquéis partido.

· Demo: Ver Contenido

· Tutorial: Ver Contenido

Un sistema de pestañas sencillo de implementar en JQuery, incluye animaciones que alegran el resultado final.

Tutorial: Ver Contenido‘
Demo: Ver Contenido‘

Esta galería hace uso de JQuery para hacer un efecto muy resultón. Amplia la imagen y añade un subtítulo.

¿Quién necesita Flash?

Demo: Ver Contenido‘
Tutorial: Ver Contenido‘

Este tooltip se desliza de manera horizontal por los diferentes botones de un menú.

Tutorial: Ver Contenido‘

Demo: Ver Contenido‘

Un interesante menú en Jquery. Podéis extraer el código desde el mismo source de la página.

Ver demo: Ver Contenido‘

Esto se parece cada vez más a Flash, pero con CSS y Javascript. Se pueden hacer maravillas la verdad.

Botonera Jquery Ver Contenido‘

Por desgracia no sé donde andará el tutorial pero el código de la página os servirá seguro.

Un scroll del tipo arrastrar con JQuery.
Podéis ver una Demo Ver Contenido‘ y si os gusta descargar el adjunto.

Tip: En la demo tenéis el Slider abajo, sale con Fade y casi no se ve, podéis arrastrarlo o pulsar sobre cualquier parte de la barra para mover la capa de contenido.

- Archivo Adjunto: slider_jq.zip

Habré probado decenas de códigos para customizar el aspecto de un listbox pero la verdad que no me ha convencido ninguno particularmente.

Este parece tener mejor pinta.

· Demo Ver Contenido‘

- Archivo Adjunto: selectBox.zip