Gestionar conflictos de CSS

Question

Estoy trabajando con algunos desarrolladores de CSS y de vez en cuando nos topamos con problemas de diseño que se han solucionado anteriormente porque uno de los desarrolladores de CSS hacía algo que entraba en conflicto con otra cosa.

Ya estamos usando SVN ... cada chico CSS tiene su propio archivo css con el que trabaja. Así que mi pregunta es ¿qué medidas se deben tomar para reducir al mínimo:

1: Diseño en conflicto

2: el aumento de la reutilización de los estilos anteriormente dados.

3: minimice el tiempo perdido tratando de combinar los estilos en el CSS final.

Realmente agradecería cualquier consejo que ustedes tengan para ofrecer.

Actualización: No soy uno de los desarrolladores de CSS, solo me ocupo de las cosas de back-end ... así que tenga en cuenta que soy un novato total en lo que respecta a las normas de CSS.

Answer 1

Lo mejor que puedes hacer es asignar áreas de responsabilidad: si trabajas en la misma área del sitio, estás obligado a tener cambios conflictivos y solo te crearán dificultades porque constantemente pisarás cada una de ellas. otros dedos de los pies.

Una vez que haya establecido una línea base común para los estilos de su sitio, divida las áreas principales del sitio entre usted y solo trabaje en esas áreas. Cuando es necesario hacer cambios en la línea de base, háganlos a la vista y comuníquense con sus compañeros de equipo sobre este cambio para que nadie se sorprenda.

No voy a pretender que esto es fácil de hacer: trabajar en algo como equipo es un desafío que toda la industria de desarrollo de software aún tiene que resolver por completo. ¡Buena suerte!

Answer 2

1. Definir una convención de nomenclatura para los archivos CSS para prevenir conflictos (prefijo?)
2. contar con un proceso automatizado que puede ejecutar antes de la llegada (check-in pruebas) para ver los posibles conflictos
3. Discuta lo que va a agregar (¿revisión de código?) Y evite los conflictos por completo

No sé de ningún espacio de nombres que pueda hacer para evitar los conflictos de nombre de hoja de estilo CSS así que, sugiero esos. Son cosas que muchas grandes compañías ya hacen.

Answer 3

Un buen punto de partida es no permitir el uso de etiquetas generales en archivos CSS específicos. Cada desarrollador solo debe usar clases e identificadores. Todas las etiquetas generales deben incluirse primero en todas las páginas, de modo que las etiquetas especiales puedan sobrescribirlas más tarde.

Cambiar las etiquetas generales debería requerir más planificación que cambiar cada archivo de desarrollador.

Con las etiquetas generales me refiero

div { 
    /* affects all divs */ 
} 

y cada desarrollador sólo debe hacer

div.something { 
    /* potentially overwrite defaults for div */ 
} 

y el archivo HTML debe ser como

link href="general.css" 
link href="dev1.css" 
link href="dev2.css" 

Answer 4

Todos los demás tienen buenas respuestas, pero Añadiré esto: recomiendo encarecidamente el uso de ID en los selectores. Identificar elementos importantes en general vale la pena a largo plazo porque permite una mejor capacidad de prueba y menos conflictos.

CSS Ejemplo:

#myid selector { ... } 
#myotherid selector { ... } 

estilos generales en realidad debería ir en un alto nivel u hoja de estilo en general que todo el mundo se las arregla, si es posible.