Carro de la compra con Ajax

Carrito de la compra con Ajax

El diseño web se ha rendido definitivamente a las  funcionalidades de AJAX, no sólo porque nos permite actualizar nuestra página sin refrescar la pantalla, si no también por la gran ayuda que supone para el diseñador a la hora de diseñar un sitio usable.

Existen cientos de ejemplos que respaldan su uso, en este blog ya hemos hablado en varias ocasiones de ejemplos muy útiles realizados con Ajax. En esta ocasión, vamos a ver un ejemplo en el que la usabilidad de una tienda online se hace infinitamente más clara y visual para el usuario.

Redondear divs e imágenes con Mootools

Redondear esquinas de imágenes y capas

Una práctica muy común en diseño web es redondear las imágenes o las capas que contienen nuestro texto. Existen muchas formas de hacer esto, desde meter un background para las capas o usar CSS en las imágenes hasta el que propongo hoy, usar Mootools.

Phatfusion nos enseña cómo hacerlo. Necesitamos tener la biblioteca Mootools v1.11 y es compatible con los navegadores más usados hoy en día, tanto para pc como mac.

Ver ejemplo y descargar código

Cambiar el tamaño de fuente en función del párrafo con Javascript

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.

Mootools. Imprescindible.

Mootools, moderniza tu web.

Si como yo volvéis ahora de vacaciones (mis condolencias….), y habéis conseguido recargar pilas, os recomiendo esta increíble librería que hará vuestros sitios más vistosos y usables.

Mootools es una librería de javascript que nos permite construir aplicaciones web modernas y compatibles con cualquier navegador. Mootools es un código abierto, lleno de posibilidades y fácilmente adaptable a tu web.