Herramienta para detectar enlaces rotos

Un enlace roto en tu página web es como una bofetada para tus usuarios. Has conseguido interesarles lo suficiente como para leer tu contenido y hacer clic en un enlace, y se han encontrado un triste y frío error 404 que les obliga a dar un paso atrás. Y si ... Read more »

Un slider que no requiere saber JS

Easy Slider habilita el desplazamiento horizontal o vertical de imágenes. Y puedes configurarlo con sólo modificar las CSS. Así que básicamente enlazas al plugin, introduces el contenido y lo estilas. La apariencia es totalmente editable con CSS, así que este slider es una buena opción para aquellos de vosotros reticentes ... Read more »

Un slider de contenido destacado

El Coda Slider de Niall Doherty ha inspirado a montones de diseñadores, impulsándoles a hacer sus propias creaciones a partir de él. Chris Coyier creó su propio Slider de Contenido Destacado empleando la extensión Coda Slider, que viene lista para usar y añade las siguientes características: Diferentes tipos de contenido ... Read more »

Recortar imágenes en formularios

Recortar una imagen para que cumpla los requisitos del formulario que están rellenando es un paso que sólo usuarios muy motivados están dispuestos a dar. Hay que ponérselo fácil, y en este caso la solución pasa por incorporar al formulario un editor que recorte la imagen en el momento de ... Read more »

Un portfolio con jQuery

Digamos que quieres crear un portfolio con diferentes capturas de tus proyectos y un panel central que vaya mostrando los detalles con una imagen del proyecto seleccionado. Benjamin Sterling ha creado un interesante diseño con jQuery en esa línea, añadiendo un efecto de desplazamiento vertical (slide-down) al panel del contenido ... Read more »

Ocultando elementos de lista con MooTools

Queremos obtener el siguiente efecto: cuando un usuario haga clic en un enlace (?Ocultar?), el elemento <li> asociado desaparece con un bonito efecto slide-out. Una forma sencilla de implementar una desaparición animada como ésta es usando MooTools slideOut(), que se activa al pinchar en un enlace ... Read more »