Adhérez-vous à des normes de codage CSS de style BBC strictes?

Explication détaillée des spécifications de codage CSS strictes de la BBC

Cet article traite des spécifications de codage CSS de la BBC, qui sont bien connues dans l'industrie, mettant l'accent sur les meilleures pratiques, la lisibilité sans soutien CSS / JS et la conformité aux normes W3C.

Points de base:

• La spécification CSS de la BBC se concentre sur les meilleures pratiques et se concentre sur la lisibilité du code, assurant l'accessibilité du contenu des pages Web même lorsque CSS et JavaScript sont désactivés, et suivant strictement les recommandations W3C publiées.
La spécification
• contient des règles spécifiques, telles que l'interdiction de l'utilisation de !important, obligeant la couleur d'arrière-plan de la page et utilisant des feuilles de style externe compressées. Les styles en ligne sont interdits et les fichiers CSS externes ne peuvent pas être chargés de @import pour éviter les problèmes potentiels de mise en cache des navigateurs.
• Bien que cela puisse être difficile pour les développeurs novices, ces guides fournissent une documentation bien documentée pour éviter les erreurs de base de l'utilisabilité. La spécification favorise également le code concis, efficace et facile à maintenir par des conventions de dénomination claires, l'utilisation des préfixes des fournisseurs et les suggestions sur les annotations et l'organisation des fichiers CSS.

Principes CSS généraux:

BBC utilise XHTML 1.0 STRICT comme opérateur de contenu, et le guide stipule que le contenu de la page Web doit être lisible sans CSS ou JavaScript activé. De nombreux développeurs l'ignorent afin d'ajouter rapidement les derniers widgets jQuery. La plupart des navigateurs (ou des extensions comme la barre d'outils du développeur Web) permettent de désactiver les CSS et les scripts. Si le contenu est illisible, il ne peut pas être lu par Google et les lecteurs d'écran. Selon les directives, tous les CSS doivent se conformer aux recommandations W3C publiées. Cela peut causer certains problèmes car il semble exclure les propriétés du préfixe du fournisseur telles que -moz-border-radius et -webkit-box-shadow. Cependant, le site Web de la BBC les utilise avec prudence. !important est interdit car il écrase le style utilisateur. C'est un peu dur car il est utile pour les correctifs IE6. Cela étant dit, je l'ai également abusé pour des modifications rapides et grossières lorsque la cause profonde du problème en cascade doit être résolue. Enfin, si vous avez abandonné IE6, considérez-le pour les codeurs de la BBC qui testent toujours dans IE5.5! CSS dans IE5.5 est particulièrement mauvais: il essaie d'analyser les attributs, mais il échoue lamentablement.

Implémentation CSS:

Tout CSS est implémenté sous la forme d'une feuille de style externe compressée, bien que CSS dans l'en-tête HTML soit autorisé lorsqu'une règle est requise pour une page particulière. Les styles en ligne sont interdits. C'est très bien. Tout codeur trouvé en utilisant des styles en ligne devrait révoquer sa licence de développement Web! Fait intéressant, les fichiers CSS externes ne peuvent pas être chargés à l'aide de @import car il affecte le cache du navigateur. est-ce ainsi? Je soupçonne que ce n'est plus le cas dans les navigateurs modernes.

Type et couleur:

Un nom de police commun (Serif, SANS-Serif, cursif ou monospace) doit être ajouté à la fin de toutes les propriétés font-family. Encore une fois, c'est quelque chose que les développeurs oublient souvent: tout le monde n'a pas Arial ou Helvetica sur leurs ordinateurs. J'aime cette double règle négative: & gt; Taille de composition pour utiliser des unités qui ne sont pas redimensionnées dans tous les navigateurs, tels que PX et PT, à l'exception des feuilles de style imprimées.

BBC recommande d'utiliser des valeurs EM,% ou des mots clés, et après avoir augmenté la taille de deux étapes dans n'importe quel navigateur de niveau, le texte doit rester lisible. Je parie que ce sera un cauchemar de test! Enfin, le développeur doit définir la couleur de l'arrière-plan de la page. Sur l'un de mes ordinateurs, une fois que la couleur d'arrière-plan par défaut a été définie sur un vert dégoûtant, j'ai tatoué cette règle sur mon front.

Développeur Paradise ou Hell?

Si vous êtes dans l'industrie depuis un certain temps, vous avez peut-être absorbé de nombreuses directives développées par la BBC. Mais comment les nouveaux développeurs s'en occupent-ils? Du côté positif, ces attentes sont bien documentées et peuvent aider les codeurs à éviter les erreurs de base de l'utilisabilité. Cependant, le développement lui-même est assez difficile - la plupart des gens ont du mal à faire face à de multiples règles et réglementations définies pour 24 technologies interdépendantes. Votre entreprise met-elle en œuvre des directives de codage strictes? Sont-ils alignés ou sont-ils assez flexibles? Sont-ils raisonnables ou ridicules? Sont-ils mis à jour régulièrement ou écrivez-vous toujours du code pour Netscape 3.0? Le guide aidera-t-il ou gênera-t-il vos tâches de développement quotidiennes? Je veux aussi entendre un développeur de la BBC ... avez-vous strictement suivi les règles ou les utilisez-vous secrètement lorsque le manager est absent?

!important

(Ce qui suit est la partie FAQ, qui est cohérente avec le texte d'origine et n'a plus de création pseudo-originale)

Quelles sont les principales différences entre les normes de codage CSS de la BBC et d'autres normes populaires comme Google ou WordPress?

Les normes de codage CSS de la BBC sont conçues pour assurer la cohérence et la lisibilité à tous leurs contenus numériques. IDS.

Comment les normes de codage CSS de la BBC gèrent-elles les préfixes des fournisseurs?

Les normes de codage CSS de la BBC recommandent d'utiliser des préfixes de fournisseurs pour les propriétés CSS qui ne sont pas encore standardisées ou entièrement prises en charge dans tous les navigateurs.

Quelle est la position de la BBC sur l'utilisation des propriétés des raccourcis dans CSS?

Les normes de codage CSS de la BBC encouragent l'utilisation des propriétés scolarisées chaque fois que possible. Il s'agit de garder le code concis et facile à lire. Cependant, ils mettent également en garde les développeurs à bien comprendre les implications des propriétés raccourcis, car ils peuvent parfois conduire à des résultats inattendus s'ils ne sont pas utilisés correctement.

Comment les normes de codage CSS de la BBC approchent-elles des commentaires sur CSS?

Les normes de codage CSS de la BBC recommandent d'utiliser des commentaires pour expliquer l'objectif et la fonctionnalité du code. Ils suggèrent d'utiliser des commentaires pour séparer les sections du fichier CSS et pour fournir un contexte pour un code complexe ou inhabituel. Ceci est conforme aux meilleures pratiques pour les normes de codage, car les commentaires peuvent considérablement améliorer la lisibilité et le maintien du code.

Quelles sont les directives de la BBC pour commander les propriétés CSS?

Les normes de codage CSS de la BBC ne spécifient pas d'ordre particulier pour les propriétés CSS. Cependant, ils recommandent de regrouper les propriétés connexes pour améliorer la lisibilité. Il s'agit d'une pratique courante dans de nombreuses normes de codage CSS, car elle rend le code plus facile à comprendre et à entretenir.

Comment les normes de codage CSS de la BBC gèrent-elles les sélecteurs CSS?

Les normes de codage CSS de la BBC recommandent d'utiliser des sélecteurs de classe sur les sélecteurs d'ID pour le style, car ils sont plus flexibles et réutilisables. Ils découragent également l'utilisation de sélecteurs trop spécifiques, car ils peuvent rendre le code plus difficile à maintenir et entraîner une complexité inutile.

Quelle est la position de la BBC sur l'utilisation! Important dans CSS?

Les normes de codage CSS de la BBC découragent l'utilisation! Importante, car elle peut rendre le code plus difficile à comprendre et à maintenir. Ils recommandent d'utiliser des sélecteurs plus spécifiques ou de réorganiser les règles CSS à la place. Il s'agit d'une recommandation courante dans de nombreuses normes de codage CSS, car l'utilisation de!

Comment les normes de codage CSS de la BBC abordent-elles l'utilisation des requêtes multimédias?

Les normes de codage CSS de la BBC recommandent d'utiliser des requêtes multimédias pour rendre le site Web réactif et s'assurer qu'il s'affiche correctement sur différents appareils. Ils suggèrent de placer des requêtes multimédias à la fin du fichier CSS et de les organiser du plus petit à la plus grande en fonction de la largeur de la fenêtre.

Quelles sont les directives de la BBC pour l'organisation des fichiers CSS?

Les normes de codage CSS de la BBC recommandent d'organiser le fichier CSS de manière logique et cohérente. Ils suggèrent de séparer différentes sections du fichier CSS avec des commentaires et de regrouper les propriétés connexes. Cela peut considérablement améliorer la lisibilité et la maintenabilité du code.

Comment les normes de codage CSS de la BBC gèrent-elles les animations et les transitions CSS?

Les normes de codage CSS de la BBC recommandent d'utiliser des animations et des transitions CSS avec parcimonie, car elles peuvent parfois entraîner des problèmes de performances. Ils suggèrent de les utiliser uniquement si nécessaire et de toujours tester les performances du site Web après avoir ajouté des animations ou des transitions.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!