Categoría: CSS (y más)

Para comenzar, una extensión de GreaseMonkey que salva cada diez segundos el contenido del cuadro de texto de GMail, para no perder muchos datos en caso de accidente: Humane Gmail Autosave. Estaría bien mirárselo y adaptarlo a otros webmails…

Un par de plugins para WordPress: lr2Spam es otro antispam transparente (para el usuario humano y bienintencionado), mientras que FeedWordPress es un agregador de feeds Atom y RSS que tengo que probar (este último lo he colocado en la sección correspondiente del wiki de Zootropo, que no estaba).

En CollyLogic hablan de creación de páginas para móviles.

Lectura interesante: el gobierno británico tiene colgado un Manual ilustrado para equipos de administración web.

Y Robin Good habla de sitios libres de ‘stock photography’ (esto es, sitios web con índices de fotografías de uso libre, que podemos usar para ilustrar una página web, por ejemplo).

Toca vacíado de enlaces…

Cameron Moll habla de tipografía para no iniciados.

En e-lusion.com tienen unos cuantos diseños de menús en CSS de libre descarga. Y en 456 Berea Street enumeran algunos truquillos CSS… Agrupar selectores, los problemas de los floats, centrado horizontal, cómo pasar código (o ocultarlo) a los Explorer viejos…

Tabtastic combina CSS y JavaScript para mostrar contenido en pestañas de manera accesible. Otro ejemplo de JavaScript y CSS son estas listas ‘arrastrables’ (que no funcionan, al menos de momento, en Explorer).

En la sección de JavaScript de WebReference.com se han puesto a implementar un completador de formularios al estilo Google Suggest.

JavaScript O Lait se declara como una biblioteca de módulos y componentes JavaScript, con licencia LGPL, que mejora el manejo de clases y módulos (vamos, que no tengo ni idea de lo que hace…).

Una guía (sin trucos ilegales ni poco éticos) para mejorar el ‘ránking’ en Google (debería léermela, porque el mío está cayendo…).

Para WordPress, otro plugin para incluir feeds RSS.

Herramienta útil: parece que han actualizado algunas cosas del Web Page Analyzer, una página ‘analiza páginas’ que da bastante información útil.

Y finalmente, una herramienta curiosa: Surftp es un cliente we para FTP que funciona sorprendentemente bien (‘disclaimer’: ojo, que al usarlo, le podríamos estar regalando nuestra contraseña a alguin a quien no conocemos…).

Vía Diseñorama me entero de que hay una nueva técnica para sustituir texto en una página web por imágenes (y así poder disponer de más opciones de diseño. Se trata de Malarkey Image Replacement (o MIR). Se trata de una técnica que usa CSS para esconder el texto en la página y pone la imagen como una imagen de fondo. Por ello, es ‘familia’ de Fahrner Image Replacement (FIR), Leahy/Langridge Image Replacement (LIR) y el Phark Method. FIR mete el texto a sustituir en un span (cosa que no queda demasiado semántica) y usa display:none (cosa que se atraganta a algunos lectores de pantalla). Con LIR te ahorras el span y se usa un padding para apartar el texto (lo que implica usar el Box Model Hack para que las cosas funcionen con Explorer 5 para Windows. Y con Phark la forma de ocultar el texto es colocarle un text-indent negativo enorme. Hasta ahora Phark era el método ‘más limpio’, pero da problemas con Explorer 5 para Windows, cosa que no pasa con MIR, que usa un letter-spacing negativo para cargarse el texto. Eso sí, los cuatro métodos fallan si en el navegador está activado el CSS pero las imágenes no.

En el propio Diseñorama hay un artículo (del 1 de marzo, y que, por tanto, no incluye a MIR) que compara los diferentes métodos de reemplazo de texto, tanto los tres ya mencionados como otros que usan JavaScript, Flash o soluciones de scripting en el servidor.