Selectores CSS 3

La especificación de CSS 3 es cada vez más soportada por los navegadores actuales, como siempre, Internet Explorer es el peor el que más tiempo tarda en adoptar los cambios, pero con el anuncio de un mayor soporte de CSS 3 en IE9 y con posibles novedades sobre su salida en Marzo, tenemos un rompecabezas casi completo.

Algo muy interesante de CSS 3, son sus selectores, que como su nombre indica, permite seleccionar un elemento web para darle estilo o estructura. ¿Cuales son?

Selectores CSS 3

Notación:

  • Ele – Elemento – Cualquier elemento web. Ejemplos: div, span, a, li, p, strong, etc.
  • atr – Atributo – Describe las características de un elemento web. Ejemplos: href, alt, class, rel, etc.
  • val – Valor – Magnitud de un atributo. Ejemplo: en rel=’nofollow’; rel es el atributo y nofollow el valor.
  • n – Cualquier número entero.

Selectores y ejemplos prácticos:

Sigue leyendo

Selección de bookmarklets

bmlet-logoUn bookmarklet es una especie de marcador o “favorito” especial. Normalmente, los marcadores o “favoritos” contienen una URL, pero los bookmarklets lo que contienen es un pequeño código en JavaScript que permite realizar diferentes cosas con la página que estamos viendo o hasta hacer uso de un servicio.

Para instalar un bookmarklet en nuestro navegador, todo lo que tenemos que hacer es arrastrar el enlace hasta la barra de marcadores. Para activarlo, tan sólo hacemos clic sobre él.

Recientemente, varios blogs reseñaron la existencia de una página que recopila bookmarklets: Bmlet.com. Estuve echando un ojo y aquí tienes una pequeña recopilación de bookmarklets que te pueden resultar útiles a la hora de preparar tus posts buscando información, escribiendo o simplemente realizando un poco de mantenimiento en tu web.

He pensado que era mejor enlazar a la página que contiene cada bookmarklet en lugar de ponerle directamente ya que así podrás ver la puntuación que se le ha otorgado a cada uno de ellos según cada navegador. Para instalarlos, todo lo que hay que hacer es coger el enlace que hay junto a la frase “Download bookmarklet” y arrastrarlo hasta la barra de marcadores o de favoritos (según tu navegador).Arrastra el enlace (resaltado en rojo) para instalar el bookmarklet.

  • YouSearch: al seleccionar un texto y hacer clic en el bookmarklet, se abre una pestaña nueva con un formulario para buscar dicho texto en Google, Amazon, Dictionary Reference, eBay, Google Maps, Wikipedia, WolframAlpha y YouTube.
  • Word Count: tras seleccionar un texto, devuelve un cuadro de diálogo con el número de caracteres y de palabras.
  • Google translate: traduce la página que estamos viendo por medio del servicio de Google.
  • PDF download: convierte la página que vemos en un archivo PDF. Ideal para información que queremos conservar.
  • gWhen: uno de los bookmarklets que encuentro más útil. Cuando estamos ante una página de resultados de Google, al hacer clic en él se nos muestran solamente los resultados que se actualizaron durante la última semana. Además, nos aparece en la parte superior el cuadro de selección que nos permite elegir otro rango de fecha.
  • Wikipedia Search para Firefox y para Internet Explorer: busca el texto que seleccionemos dentro de la Wikipedia en inglés. En este caso, el bookmarklet es diferente para los dos principales navegadores. Ya que estaba, le he hecho una pequeña modificación para que busque en la Wikipedia en español, así que si te interesa, arrastra el siguiente enlace a la barra de marcadores de Firefox (sólo Firefox): Búsqueda en Wikipedia.
  • Disable Style Sheet: inhabilita las CSS de la página que estamos viendo, de manera que veamos la página sin ninguna de sus especificaciones de estilo.
  • FormTextResizer: En ocasiones, algunos blogs dejan pequeñas cajas incómodas donde poder escribir un comentario. Este bookmarklet te permite ampliarlas para que digas lo que tengas que decir sin problemas.
  • Google PageRank: nos muestra en nueva ventana el PageRank de la página que estamos viendo. Muy útil para saber rápidamente que nueva puntuación tenemos tras un “google dance”.

Bmlet.com contiene una amplia variedad de este tipo de marcadores que te pueden resultar de mucha utilidad. No dejes de visitarlo para encontrar aquel que te sea más útil.

Internet Explorer 8 solicitando testeadores

iexplorer8¿Para que quieres un blog si no es para estar en comunicación con las personas que les interesa lo que estás haciendo? En virtud de lo anterior y de manera un tanto sui generis, los desarrolladores de Internet Explorer 8 solicitan en el último artículo del blog oficial del navegador la ayuda de la comunidad para servir de testeadores de la segunda beta que están por lanzar (a 5 meses de la salida de la beta 1).

Si te interesa participar solicitan se los hagas saber vía email a IESO@microsoft.com diciéndoles algo de tu experiencia y explicando en unas breves líneas porqué te considerarías un buen beta tester. Fuera de lo bien o mal que pueda caernos Microsoft y sus productos, me parece rescatable la idea de utilizar un canal de comunicación tan directo como el blog para buscar colaboradores, como si se tratara de cualquier compañía con unos cuantos meses de vida.

Información: Wanted: IE8 Beta Testers – Leído en The Inquirer.