Dave Ruiz blog » css

Resaltar automáticamente enlaces con jQuery

Dave Ruiz — Thu, 30 Jul 2009 09:27:25 +0000

A modo de apunte, os dejo un método breve, usando jQuery, para resaltar los enlaces que apuntan a la página en la que nos encontramos. Muy útil, por ejemplo, para destacar en los menús la opción seleccionada automáticamente sin recurrir a PHP o a hacerlo manualmente:

$(document).ready( function() {
  var loc = document.location.href.split(/[\?#]/).shift().replace(/\/$/, '');
 
  $("a").each(function() {
    if (this.href == loc) $(this).addClass("selected");
  });
} );

El funcionamiento es muy simple. Recorre todos los elementos de la página y compara el parámetro href con la url actual. Si coincide, añade la clase ‘selected‘ a dicho elemento. La clase ’selected’ deberá estar definida dentro de los estilos css de la página.

Un ejemplo aquí.

Actualización: Ahora no tiene en cuenta si la URL tiene barra al final o no (como en el caso de las carpetas)

Galería de tablas CSS

Dave Ruiz — Wed, 03 Sep 2008 15:27:20 +0000

¿No sabes que estilo darle a esa tabla de esa web que estás diseñando? En esta página hay una recopilación de casi 100 estilos CSS para tablas descargables.

[Link: http://icant.co.uk/csstablegallery/]

Nuevas propuestas para CSS

Dave Ruiz — Thu, 10 Apr 2008 10:46:03 +0000

Desde Webkit se han presentado una serie de mejoras para CSS que, sin duda, nos salvarian de más de un apuro a la hora de elaborar las hojas de estilo de una web:

Personalmente, lo que más me ha llamado la atención han sido las CSS Variables. Pienso que facilitaría muchísimo las modificaciones posteriores de las hojas de estilo (no he leido nada acerca de poder operar con ellas). Por otro lado, quizá sobre el tema de animaciónes y transiciones, ya que se aleja de la idea de lo que es maquetación web (sin mencionar lo que pasa cuando este tipo de novedades llega a las masas, ¡¡colorines y letras rebotando por todos lados!!).

Amén que llegue a buen puerto.

[Fuente: CSS3.info]

¿Internet Explorer 8 respeta las normas?

Dave Ruiz — Wed, 19 Dec 2007 21:58:58 +0000

Pues al parecer eso es lo que nos cuentan. Por fin, este navegador será capaz de renderizar correctamente el test Acid 2, dando a entender que respeta el estándar CSS. Yo por mi parte desconfiaré hasta que pueda probarlo, dada la experiencia con Microsoft.

Espero que no se olviden de Javascript. Programar para varios navegadores distintos un mismo lenguaje resulta bastante aburrido. Pero esto es otro cantar …

Visto en http://blogs.msdn.com/ie/archive/2007/12/19/internet-explorer-8-and-acid2-a-milestone.aspx