70 ideas para crear mejores CSS.

por | 7 Mayo 2009
Un gran recopilatorio sobre consejos y técnicas para desarrollar tus CSS. Un lugar dónde encontrar bastantes cosas de las que necesitamos cuando queremos desarrollar unos CSS en condiciones. Cambiar colores al texto o poner bordes no es suficiente, los CSS son más complejos. La lista está dividida en diferentes apartados: * Cómo empezar. * Organizar el código. * Tratar con id, class, selectores y propiedades. * Abrevia el código. * Tipografía. * Depurar el código. * Consejos técnicos sobre id y class. * Consejos técnicos sobre selectores. * Estilos en enlaces. * Técnicas CSS. * IE. * Obtener inspiración. Entre todos los consejos, algunos me gustaría destacar, puede que sean conocidos de sobra, pero nunca viene mal volver a recordarlos. * Para empezar, usa una página en blanco, dibuja dónde quieres cada bloque (cabecera, contenido, paneles laterales, pie de página), sitúa las capas y empieza a crear los estilos. * Organiza tus CSS en bloques y añade comentarios para indentificarlos, cuando quieras añadir, modificar o borrar, siempre será más cómodo y rápido si lo haces así. * Escribe los contenedores al mínimo, piensa bien en la estructura y no lo llenes todo de capas. * Evita los selectores y el hacking, aunque sobre el hacking yo diría que ni lo uses. * Escribe en los comentarios al inicio los códigos de colores que utilices para facilitarte el trabajo. * Escribe el nombre de los ids y los class de acuerdo con la semántica. * Acorta la notación hexadecimal: #334455 es #345. Yo en esto fallo, me cuesta hacerlo así, malas costumbres. * Usa mayúsculas o minúsculas mediante estilos. * Usa bordes para localizar las capas cuando estés depurando. Autor: sentidoweb.com
Compartir... Email this to someoneShare on LinkedIn0Pin on Pinterest0Share on StumbleUpon0Share on Tumblr0Tweet about this on Twitter