Noticias Diseño – Tutorial Photoshop

Si hay algo que debemos evitar a toda costa es mal gastar el tiempo intentando reinventar la rueda. Generar un script de gráficas puede ser una tarea muy costosa y es por eso que hay que aprovechar módulos ya hechos y que funcionan tan bien como este. El Api de Google Gráficas nos permite generar todo tipo de modelos en segundos.

• Visitar página de Google con información, demos, etc.
• Ver una demostración rápida
• Descargar archivos de ejemplo

En el mundo del diseño web nos encontraremos numerosos casos de clientes que no quieren pagar. Lo normal es ir trabajando conforme recibimos los pagos, pero ¿Qué ocurrirá con el último? ¿Debemos subir la Web y fiarnos de que el cliente pagará? Seguir leyendo »

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.