Cameron Olthuis en su blog hace un top 10 de tutoriales CSS. Coincido casi al 100%. Por supuesto, por ahi uno haría algunos cambios de orden o aparecerían otros sitios, pero quería respetar la decisión del autor y dejé la lista tal como está en el post original. Bueno, acá va la lista:

1. Hoverbox Image Gallery: Linda galería de imágenes hechas solamente con CSS.
2. CSS Bar graphic: Si para mostrar los resultados de una encuesta te enredabas con imágenes en distintas proporciones, ahora con un poco de CSS ya lo tenés resuelto muy fácil.
3. CSS Vertical Menus: Una lista con muchos menúes verticales libres para usar.
4. Listamatic: colección de menúes tanto verticales, horizontales o experimentales. Muy recomendable, me ha sacado de apuros en más de una ocasión.
5. Floatutorial: Excelente colección de modos de uso de la propiedad float
6. Rounded Corners: esto de los bordes redondeados ya es casi un clásico en este sitio, en este caso es el link que pasó el Gringo hace un par de posts.
7. 40 CSS Layouts: como su nombre lo indica, un compendio de 40 layouts.
8. CSS Photo gallery: otro tutorial como el que está en el primer lugar de este top 10, pero un poco más complicado
9. CSS Drop Shadows: sombras tras las imágenes muy bien logrado
10. Style Sheet Switcher: para cambiar el estilo de una página

Y bueno, no pude dejar de caer en la tentación de poner algunos a los que yo considero que deben estar en el top 10:

• BBMD Nice Forms
• Text Tricks
• CSS Image Maps
• CSS Play (acá siempre están experimentando)

Esta web permite hacer testeos de carga del sitio web que uno quiera mediante una pequeña aplicación java (por ende se necesita tener la Java Virtual Machine). Una vez que se ejecuta la apicación se puede elegir entre varias velocidades, que van desde los 9,6Kbps hasta 512Kbps. Muy útil para saber si el sitio que uno acaba de hacer va a ser un embole para los sufridos usuarios de dial-up (lo digo por ustedes, desarrolladores en flash!). Aunque si bien es cierto que se está tendiendo a que todo el mundo tenga ADSL, todavía quedan muchos usuarios de dial-up, por lo menos acá en Argentina. Asi que, además de desarrollar sitios estéticamnete, debemos tambien pensar en que debe ser accesible a todo el mundo!

Sloppy deliberately slows the transfer of data between client and server.
Example usage: you probably build web sites on your local network, which is fast. Using Sloppy is one way to get the “dial-up experience” of your work without the hassle of having to install a modem.

Ah! casi que me olvido… el programa, está disponible también para MacOS X y Linux

Mi admirado Vitaly Friedman, que ya dio un inmensísimo aporte a la comunidad de los webdevelopers con su manual para el derrollador web y sus bookmarks esenciales para el desarrollador web, escribió un artículo bastante interesante sobre cuáles son las reglas a tener en cuenta para desarrollar una web exitosa. Ojo, esto no significa que sea algo absoluto y único que si no lo cumplís te puede causar el mismo efecto que comer una sandía y tomar vino y esas cosas, pero es una muy buena guía para tener en cuenta. Como pequeño aporte que hago, traduzco los títulos de estas reglas… a la explicación de cada uno se la van a tener que bancar en el idioma de Shakespeare, que está aquí. La lista es la siguiente (y la traducción no es del todo literal, pero ayuda):

1. Respetá a tus visitantes. No les obligues a leer determinado contenido, dejá que naveguen libremente.
2. La mala publicidad (es decir mal diseñada o fuera de lugar) es pésima. Capaz que con un banner chillón captás la atención, pero después te van a odiar por eso.
3. Informá y enseñá a tus visitantes. Compartí tus ideas, experiencias, etc. de esa manera vas a obtener a la larga que mucha gente se entere de quién sos y qué ofrecés
4. Desarrollá tu propio estilo. Desarrollá tus propias ideas. Navegá mucho, inspirate, pero no copies, porque eso es una bosta!
5. Respetá los estándares. Pensá en la gente que visita tu sitio.
6. Sé claro (aka no compliqués las cosas al pedo). Si es ambiguo lo que decís/mostrás va a ser muy dificil que te tengan en cuenta.
7. Odiá al Internet Explorer si querés, pero no ignorés a la gente que lo usa. Sí, el Internet Explorer es un invento de satán, pero lamentablemente mucha gente lo usa (muchisima). Y lo mejor que se puede hacer es que el sitio sea accesible para todos sin importar el browser que use.
8. Preocupate por el contenido de tu sitio.
9. No te preocupes por los web-crawlers ni por la SEO. Ni tampoco te preocupes por el PageRank o cosas por estilo… si tu sitio esta bien hecho, esas cosas vienen solas.
10. Hacé contactos, publicitá tu sitio, pero no llegues a hacer spam. El spam es una mierda, que seguro se vuelve en tu contra).
11. Escribí, publicá, sentite libre de preguntar. Participá en todo lo que puedas, una cosa maravillosa que tienen los blogs es la posibilidad de hacer comentarios y opinar y preguntar y funciona!!!
12. Respondé tus e-mails immediatamente!!! (algo que debo aprender, no puedo ser tan fáquin colgado)
13. Usá las ventajas de la Semántica Web.
14. Conectáte con tus colegas, sean bloggers, galerías CSS… lo que sea.
15. Pensá en términos globales.
16. Nunca compromentas tus principios. Eso quiere decir que no dejes llevar por las pelotudeces que diga alguien (sea cliente, jefe, etc), si está equivocado, corregilo. no le digas si a todo
17. Está siempre actualizado. Siempre es bueno saber qué está pasando en la red.
18. Aprendé a manejarte en el bloque creativo. Buscá info en foros, blogs para poder llevar tus ideas a cabo.
19. Hacé más linda la Web. Con tu aporte podés hacer que la internet sea un poco más agradable.
20. Conocé el Poder de la Web. Tenés la palabra! podés ayudar a mucha gente.

Bueno, espero que sirva… sé que mi traducción no es la mejor, pero ayuda como guía, el texto original en inglés tiene su link arriba, pero lo repito por las dudas: http://www.alvit.de/blog/article/20-rules-of-…

Y repito, estas reglas no van a traer el éxito si no creés en lo que estás haciendo ni explorás tu creatividad. cada idea puede ser la idea.

Navegando, encontré esta web, donde se detalla cuáles sí y cuáles no son los selectores CSS se pueden visualizar en los clientes de correo electrónico, sea web mail o programa de correo, además de la forma que habría que usar para usarlo inline o linkeándolo. Para vos pebete, que como yo, tenés que hacer miles de millones de newsletters (si, exageré un poco). A mi me vino bárbara esta info por eso quise compartirla. Lamentablemente, a los mailings hay que armarlos todavía con tablas si querés que se vean bien en la mayoría de los clientes de correo, pero bueno, ésta es la guía de lo que sí se puede usar de los CSS.

Navegando por uno de mis sitios favoritos, encontré este link en donde te explican cómo hacer bordes redondeados con un poco de CSS y otro tanto de javascript y sin usar ninguna imagen. Es una solución alevosa (por lo menos desde la teoría, todavía no la he probado). Los bordes redondeados siempre han sido como una especie de obsesión para el webdesigner… en la época de las tablas se lo solucionaba de una manera fácil superficialmente, era un embole atroz tener que rearmarlo todo cuando habia que “refrescarlo”, ahora con esta solucion que comparte el creador de Nifty Corners, Alessandro Fulciniti, ya no se tiene que pensar en un monton de imágenes minúsculas para hacer un fáquin redondel, sino un poquirritín de tessto!!

PD: este sistema de bloggin es una garcha!! se llama pivot, y me trata de spamero incluso a mi!!! ufa, me voy a tener que poner a hacer todo para pasarme a wordpress.
Otra cosa: Gringo!, perdoname, un comentario que me habias dejado anteriormente, fue borrado por error, justamente tratando de de borrar spam

El sitioBitácora del WebMaster tiene a disposición del proletario de la web una herramienta muy útil e interesante. Se trata de un calculador de presupuestos en base a cantidad de horas, insumos, alquileres, impuestos, etc. No importa el tipo de moneda, te hace un cálculo en base al sueldo que uno quiera ganar, por lo tanto las unidades en que se exprese el resultado será acorde al tipo de moneda que uno usa. Espero que se entienda.
Acá el link: http://www.bitacoradewebmaster.com/minuta.php

Se trata de los bookmarks de Tim Van Sas, un loco holandés que supongo que será un desarrollador web (prometo confirmarlo cuando sepa algo de holandés), pero no os preocupéis… estos bookmarks están divididos por categorías y la página está en inglés. A disfrutarla!!!

DesignMeltdown: un lugar donde encontrarás mucha mucha info sobre lo actual en lo referido a toda esta movida nueva de la web. Trae recursos, que ademas de traer ejemplos sobre cómo queda determinada cosa, el codigo HTML y CSS, viene con ejemplos en websites reales. Es altamente recomendable.