Quand je regardais des démos d'effets CSS3 auparavant, j'ai découvert que lors de l'écriture des attributs CSS3, l'ordre d'écriture de la compatibilité est différent, comme l'attribut de transition. Certains mettent la transition au premier plan et d'autres à l'arrière. , cela peut également inclure les habitudes personnelles ou les compulsions du codeur>"<, telles que les deux suivantes :
.transition{
-webkit-transition : all .5s;
-moz-transition : tous les .5 ;
-o-transition : tous les .5 ;
transition : tous les
>
.transition{ transition : tous les .5s;
-o-transition : tous les .5s ;
-moz-transition : tous les .5 ;
-webkit-transition : tous les .5 ;
>
L'arrangement avec les préfixes doit être juste par souci de propreté (ou représente-t-il la préférence du navigateur) ? Mais que la transition soit placée devant ou derrière introduit deux concepts : une dégradation gracieuse et une amélioration progressive.
La dégradation élégante et l'amélioration progressive sont un concept apparu avec CSS3. Étant donné que les navigateurs de bas niveau ne prennent pas en charge CSS3, mais que l'effet de CSS3 est trop beau pour être abandonné, CSS3 est utilisé dans la navigation avancée tandis que les navigateurs de bas niveau ne garantissent que les fonctions les plus basiques. À première vue, les deux concepts sont similaires. Ils se concentrent tous deux sur des expériences différentes sous différents navigateurs. La principale différence réside dans le contenu sur lequel ils se concentrent et dans les différences de flux de travail provoquées par cette différence.
Que sont l'amélioration progressive et la dégradation gracieuse ?
Amélioration progressive : créez des pages pour les navigateurs de version basse afin de garantir les fonctions les plus basiques, puis améliorez les effets, les interactions et ajoutez des fonctions pour les navigateurs avancés afin d'obtenir une meilleure expérience utilisateur.
Dégradation gracieuse : créez des fonctionnalités complètes depuis le début, puis rendez-les compatibles avec les versions inférieures des navigateurs.
Différence : la dégradation gracieuse part du statu quo complexe et tente de réduire l'offre d'expérience utilisateur, tandis que l'amélioration progressive part d'une version très basique et fonctionnelle et continue de s'étendre pour s'adapter aux futurs besoins environnementaux. La dégradation (dégradation fonctionnelle) signifie regarder en arrière ; l'amélioration progressive signifie regarder vers l'avant tout en gardant ses racines dans une zone de sécurité.
Le point de vue « dégradation gracieuse »
Le point de vue « dégradation gracieuse » estime que les sites Web doivent être conçus pour les navigateurs les plus avancés et les plus complets. Organisez les tests des navigateurs considérés comme « obsolètes » ou ayant des fonctions manquantes à la dernière étape du cycle de développement, et limitez les objets de test à la version précédente des navigateurs grand public (tels que IE, Mozilla, etc.).
Dans ce paradigme de conception, les anciens navigateurs sont considérés comme n'offrant qu'une expérience de navigation « médiocre, mais passable ». Vous pouvez effectuer quelques petits ajustements en fonction d'un navigateur spécifique. Mais comme elles ne sont pas au centre de notre attention, les autres différences seront ignorées, à l'exception de la correction de bugs plus importants.
Le point de vue « Amélioration progressive »
Le point de vue « Amélioration progressive » estime qu'une attention particulière doit être accordée au contenu lui-même.
Le contenu est ce qui nous motive à créer un site Web. Certains sites Web l'affichent, certains le collectent, certains le recherchent, certains l'exploitent et certains sites Web incluent même tout ce qui précède, mais la même chose est qu'ils impliquent tous du contenu. Cela fait de « l’amélioration progressive » un paradigme de conception plus raisonnable. C'est pourquoi il a été immédiatement adopté par Yahoo! et utilisé pour construire sa stratégie « Graded Browser Support ».
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!
