LightBox
Bien, como todos sabéis los popup hace tiempo que pasaron a la historia del diseño web.
Afortunadamente y debido a varios motivos (usabilidad, y popup killers en navegadores) esta práctica ha desaparecido y ha dejado paso a otro tipo de popups, menos agresivos y más vistosos.
Hoy, buscando un LightBox para un proyecto nuevo, me he dado cuenta de que no tenía material en el blog, así que aquí os dejo unas cuantas reseñas que seguramente os puedan ayudar.
Espectacular jQuery
«Diseño web con jQuery, cada vez más y más utilidades para hacer un sitio bueno usable y vistoso», esto es lo que una y otra vez vemos en todos los post relacionados con el jQuery.
Sigo recopilando utilidades para el diseño web, y sigo sorprendiéndome. No existe límite, las distintas librerías Ajax, como el jQuery o Mootools, nos proporcionan herramientas suficientes para poder construir un sitio web usable y vistoso.
Hoy vamos a ver, desde cómo hacer la galería de productos de Apple, hasta un modo impresionante de ocultar y mostrar información.
Paneles deslizables en jQuery
Css-Triks es un blog de diseño web referente para muchos de nosotros.
Hace unos días encontré un post que me está sirviendo de mucha ayuda en un nuevo diseño web que tengo entre manos. Me parece genial, es muy ligero y es una solución muy buena para enseñar productos en una web.
Se trata de una galería que va mostrando y ocultando los divs que hemos definido en la página, con un efecto zoom.
Lo podéis descargar gratuitamente en el post original. Espero que os sirva.
Sexy Curls jQuery
Hace muy poco tiempo, en diseño web, era imposible ver efectos que no fuesen producidos y postproducidos con flash. Hoy en día y desde hace un tiempo son numerosos los distintos tipos de efecto que podemos encontrar en cualquier diseño web.
Hoy os dejo un nuevo plugin (al menos para mi), el «Sexy Curl» de jQuery. Sexy porque este efecto «desnuda» la pantalla dejando ver el código html que hay por debajo.
Este efecto fue muy utilizado en photoshop hace años, en los que era muy frecuente ver el efecto curl en numerosas fotos y publicidad.
En el margen superior derecho aparece un efecto de página doblada, al coger con el ratón la esquina y arrastrarla, podemos ver cómo aparece todo el código html que compone la página. No se puede decir que sea un efecto útil, que ayude a la usabiliad, es simplemente una «chulería más» de esta increíble librería Ajax.
cambiar font-size con javascript
En diseño web cada vez encontramos más diseños en los que se combinan distintos tamaños de fuente. Esta práctica tan utilizada en diseño impreso, ahora y quizás debido a los blogs, se ve reflejada en muchos de los mejores diseños que vemos por la red.
Echando un vistazo a CSSTricks he encontrado un interesantísimo artículo en el que nos cuentan como cambiar el tamaño de la fuente de un párrafo en función de la cantidad de letras que contiene.
Chri Coyier, el autor de esta idea, nos cuenta cómo hacerlo usando javascript y nos deja dos ejemplos, uno usando Mootools y el otro usando jQuery.
A continuación os dejo los dos ejemplos, y os recomiendo que echéis un vistazo al post, porque de los comentarios también podréis aprovechar más de una idea que simplifica el código.
