BigTarget - Aumentar el área pulsable con JS

Martes 14 de Octubre del 2008 - Desarrollo Web

El patrón habitual de mostrar información en una página de inicio es siempre el mismo:

  • Título con Enlace
  • Miniatura de imagen
  • Pequeño texto introductorio
  • Enlace “Leer más”

Lo malo de este sistema es que por lo general sólo el título y el enlace de leer más son “pulsables”, y que hacer “pulsable” todo el bloque se convierte en un infierno de XHTML anidado y por lo general no válido. BigTarget.js (Basado, como no, en jQuery) nos ayuda a lograr lo mejor de los dos mundos: un XHTML limpio y un área pulsable superior.

Demo:
http://newism.com.au/blog/post/58/bigtarget-js-increasing-the-size-of-clickable-targets/

Via: Webappers

Términos relacionados: , , , ,

Fecha de la entrada: Martes, 14 de Octubre del 2008 a las 11:33 am. Puedes seguir los comentarios a la entrada utilizando su feed RSS 2.0. Si lo deseas, puedes dejarnos un comentario, o hacer trackback desde tu propio sitio web.

Deja tu opinión

Sólo se permiten las etiquetas XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Post anteriores/siguientes:

« FreeRichTextEditor - Editor a la Office Word para nuestras páginas
Colección de soluciones de interactividad »

Post (quizás) relacionados:

  • Matt Cutts, Google, y los directorios de enlaces

    • Aunque el tema de los enlaces "de pago" ya habia quedado bastante claro en un post anterior, Matt Cutts aclara en una actualización posterior la...
  • Enlaces Interesantes

    • < ?php wp_list_bookmarks(); ?> ...
  • Enlaces de Diseño

    • Smashing Magazine ha publicado una excelente recopilación de 35 Colecciones de Iconos gratuitas para usar en nuestros desarrollos. BTemplates está creando una recopilación de plantillas para...
  • Ensalada de enlaces de Bases de Datos

    • Ensalada de enlaces de Bases de Datos Usando DISTINCT? Don't be lazy! No seas vago! Generador de fechas MySQL y PHP MySQL: How do you set up master/master...
  • Alojamiento gratuíto de imágenes

    • Varios enlaces a recursos gratuítos donde conseguir imágenes para nuestros diseños: Buzznet Photobucket Pix8.net Textamerica Flickr UploadHut.com HeyPix! Fotopages.com Fotopic.Net Magix ImageShack Free Image Hosting Free Photo Post Image Cave Img4free Picgoo Village Photos Zippy Images Zodm FotoFlix Shoebox dotPhoto GreatestJournal Kodakgallery.eu.com Pixagogo PhotoSpit Putfile JussPress PhotoJerk YourUpload.com 23: Introducing 23 Zoto Linkyourpic Shutterbook Zorpia Interactivos...