Los 10 errores que no debes cometer en tu CSS

Volviendo un poco al diseño web e involucrándonos un poco en el desarrollo, quisiéramos compartirles un listado de errores frecuentes y graves que se hacen al crear hojas de estilo o CSS. Pongan atención, puesto que de ellos depende el correcto funcionamiento de su sitio web a futuro.

Siempre deben fijarse de no estar cayendo en:

1. Ignorar la compatibilidad con navegadores distintos - Existen muchos navegadores, no solo Internet Explorer o Firefox ¿Están seguros de que su CSS se ve igual en Safari, Google Chrome u Opera, por mencionar algunos?
   
2. No tomar en cuenta resoluciones menores - ¿Se acaban de comprar una laptop con resolución 1280x800 y quieren diseñar un sitio web que cubra toda la pantalla? Piensen primero en el público meta de su sitio web ¿Están seguros de que todos los que entren tienen una pantalla así de grande?
   
3. No considerar el uso de frameworks - ¿Porqué complicarnos la existencia y arriesgarnos de más? Existen frameworks que nos ayudan a crear CSS compatibles con multiples navegadores y guiándonos en el proceso. Por ejemplo Blueprint o BluetripCSS. Les recomiendo que usen uno.
   
4. No utilizar clases genéricas - No tiene caso estar poniendo nombres diferentes a las clases si nos va a complicar la existencia en un futuro. Piensen en cambios de diseño posteriores.
   
5. No validar el HTML - Si, el HTML afecta a nuestro CSS. Si no tenemos un HTML válido, el CSS puede no funcionar, ¿Y a qué me refiero con válido? Etiquetas que no están cerradas adecuadamente, por ejemplo.
   
6. No validar el CSS - Ya que nuestro HTML es válido, también tenemos que validar el CSS. Para ambos casos, les recomiendo los validadores de la W3C.
   
7. Usar imágenes de fondo gigantescas - El usuario se desespera si una página tarda mucho en cargarse, y esto es lo que este tipo de imágenes ocasionan. Hay que pensar en optimizar los recursos siempre.
   
8. Usar CSS para todo - No exageren. Yo se que cuando descubrimos una tecnología, nos emocionamos, pero no quieran hacer uso de todos y cada uno de los recursos de la misma. Planeen bien su efectividad primero.
   
9. Usar CSS embebido - No debemos introducir CSS en el HTML, esto nos va a crear problemas cuando queramos cambiar de diseño, lo hará mucho más tedioso. Tiene que estar todo en un archivo por separado para que no tengamos que revisar detalles página por página.
   
10. Usar demasiados archivos - De igual modo, no es recomendable tener mil archivitos .css anexados a nuestra página. Tendríamos que estar seguros de que no se sobreescriben unos a otros.