El otro día publicaron en Colourlovers una útil tabla con colores y sus correspondientes códigos en hexadecimal agrupados por tonos. Para tener a mano si estás metido en el diseño web.

Últimamente he ido acumulando algunos enlaces relacionados con CSS y no había tenido tiempo ni de echarles un vistazo. Hoy por fin, después de una semana de trabajo intenso para un par de proyectos de la universidad, he podido revisarlos y hay algunas cosas interesantes. Son enlaces que ya llevan tiempo por ahí, pero yo me he topado con ellos hace poco.

• Listamatic :: Una lista y muchos estilos diferentes usando CSS. Las tienen normales (en Listamatic 1) y anidadas (en Listamatic 2). También tienen algunos tutoriales sobre listas, flotar elementos y selectores bastante chulos.
• 10 CSS Tricks you may not know :: Pues eso, 10 trucos de CSS que quizás no sepas. En los comentarios hay algunas correcciones y algunos trucos más.
• 10 more CSS tricks you may not know :: 10 trucos más.
• CSS Techniques Roundup – 20 CSS Tips and Tricks :: En este caso son 20 (en realidad son 38 porque al final incluyen los dos enlaces anteriores). A ver lo que tardan en compilar los 1001 CSS Tips and Tricks. Siempre pasa lo mismo, a ver quién la tiene más gorda…la compilación.
• CSS Property Index :: Un índice con las propiedades de CSS explicadas y con ejemplos.

Y si quieres más, échale un vistazo a la categoría CSS de A List Apart o date un paseo por los populares de del.icio.us que seguro que algo encuentras.

SimpleViewer es una aplicación en flash gratuita y personalizable que permite crear fácilmente una galería de imágenes como esta. A partir de un script en el servidor (del que existen versiones PHP, ASP, ColdFusion y Perl) la aplicación permite generar automáticamente las miniaturas de las imágenes y el archivo XML con los nombres de éstas y las opciones que hayamos personalizado.

Pero si no dispones de un servidor que soporte ninguna de estas tecnologías también puedes crear el archivo XML y las miniaturas manualmente y luego subirlos al directorio correspondiente de SimpleViewer.

Web Developer´s Handbook es una excelente compilación de recursos, herramientas, referencias y ejemplos, relacionados con el desarrollo y el diseño web. No hay relleno, todos son enlaces muy bien seleccionados. Vale la pena echarle una ojeada si te interesa el tema.

Piepmatzel.de es una colección de enlaces a páginas diseñadas siguiendo los estándares web. Hay enlaces muy interesantes y son sin duda una fuente de inspiración y ejemplos a seguir a la hora de diseñar sitios accesibles, usables y semánticamente correctos.

Encontrar imágenes y fotos de calidad en Internet, y que además podamos utilizar gratis sin pagar licencia alguna puede resultar bastante difícil, sobretodo si buscamos algo en concreto. Este post presenta una interesante recopilación de enlaces que pueden facilitarnos la tarea enormemente. Los enlaces apuntan a repositorios de fotografías que podemos usar libremente (ver las notas legales de cada sitio para más detalles). El post está muy bien porque resume las características principales de cada sitio.

Anteayer, aún en casa, leí en Blogpocket una ocurrente forma de evitar que los robots que se dedican a tragar e-mails para luego acribillaros con spam se coman el nuestro.

La idea (sacada de The CSS Playground) es básicamente escribir la dirección al revés en el código fuente de la página (que es lo que leen los dichosos robots), para luego aplicarle la clase backwards que definimos en nuestra CSS. Es decir, si nuestra dirección de e-mail es mail@servidor.net, en el código de la página escribimos:

<span class=”backwards”>ten.rodivres@liam</span>

Y en nuestra CSS definimos la clase como:

.backwards {unicode-bidi:bidi-override; direction: rtl;}

De esta forma el navegador invierte el texto y lo muestra en el orden adecuado.