La pregunta está en el título. Estoy acostumbrado a utilizar camelcase en desarrollo y, dado que hay cruces con el diseño, me preguntaba si hay razones técnicas (independientemente de las opiniones) en contra de usarlo en HTML. Gracias de antemano por sus respuestas.¿Está usando o no el uso de camelCase en CSS ids o clases?
Técnicamente, no, no hay problemas técnicos. Has lo que quieras.
Trate de seguir una buena guía de estilo, like this one.
Lo busqué porque estoy considerando adoptar eElementID para elementos html que se usan para scripting y oElementID dentro del script para el objeto dentro del script para hacer que el código HTML y la codificación sean más legibles. Hasta esta consideración, siempre he usado estrictamente minúsculas para las clases y los ID de CSS. – Wayne
Está bien, sí, pero tenga en cuenta que hay algunos casos técnicos sensibles a las mayúsculas y minúsculas issues a tener en cuenta. Desde una perspectiva técnica, si eres coherente en tus css y html, estarás bien.
Buena pregunta. Yo personalmente uso camelCase en nombres de clase/identificación. No hay ninguna razón técnica por la que no puedas.
Sin embargo, después de hacer algunas lecturas rápidas de opiniones, parece que muchos otros desarrolladores/diseñadores usan guiones sobre camelCase debido a una mejor legibilidad.
Vaya con lo que es cómodo para la codificación. Lo he hecho bien usando camelCase, trabajo en un entorno de equipo y nunca tuve problemas con la legibilidad para otros desarrolladores.
Las opiniones sobre este que he estado leyendo se pueden encontrar aquí:http://css-tricks.com/new-poll-hyphens-or-dashes/
Algunas otras implementaciones de scripting están usando la primera letra para identificación. He descubierto que esto se vuelve muy legible hasta el punto de cambiar los estilos a camelCase con la primera letra como identificador. Pero era necesario verificar si había problemas técnicos con navegadores más antiguos; Es un hábito de IE. – Wayne
No es una limitación técnica si se utiliza identificadores camelCase en su CSS - el especificador |= selector:
<form class="registration"></form>
<form class="search-movies"></form>
<form class="search-actress"></form>
Para hacer coincidir solo los formularios de búsqueda, puede escribir:
[class|="search"] { font-size: 150% }
Usted canno Haga esto con los nombres de las clases camelCase.
Yeeaaaahhhh. Espero nunca usar esto ni encontrar esta regla en un proyecto. – steve
Puede lograr exactamente el mismo efecto con '[class^=" search - "]' Sin embargo, estoy a favor de los guiones, las reglas de consistencia. – YemSalat
No, no puedes. '[class | =" search "]' coincidirá con "search" y "search-whatever", su solución no. – inta
He estado utilizando camelCasing antes de hoy, déjame contar la historia: Creé un modal de arranque por el nombre de identificación escrito en camelCasing. No pude manipularlo usando la función JQuery de bootstrap. Después de buscar por días, finalmente mi compañero de trabajo descubrió que camelCasing lo estaba causando. La sensibilidad de las mayúsculas y minúsculas de JavaScript puede ser complicada e impredecible. Así que te sugiero que uses guiones.
No hay motivos técnicos, no. Use lo que sea estándar en su proyecto (o * haga * un estándar si no existe actualmente). – Matt