Una recopilación de consejos y técnicas para desarrollar CSS. Aunque está en inglés, revela interesantes secretos para hacer Hojas de Estilos decentes. Mucho más que cambiar colores al texto o poner bordes.
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.
70 Expert Ideas For Better CSS Coding
Vía Sentido Web
Recent Comments
I want to say – thank you for this!
Leave a comment