recherche
Maisoninterface Webtutoriel CSSActualités hebdomadaires de la plate-forme: Motion réduite, CORS, Whitehouse.gov, popups et 100vw

Les nouvelles de développement Web de cette semaine couvrent une gamme de sujets, d'un nouvel élément HTML proposé aux meilleures pratiques d'accessibilité et aux pièges CSS potentiels.

Actualités hebdomadaires de la plate-forme: Motion réduite, CORS, Whitehouse.gov, popups et 100vw

Un nouveau<popup></popup> Élément émerge

Microsoft et Google collaborent sur un nouveau HTML<popup></popup> élément, conçu pour créer des éléments d'interface utilisateur temporaires accessibles et facilement stylables. Contrairement à<dialog></dialog> et le déprécié<menu></menu> , Cet élément vise la simplicité et le comportement de licenciement clair (clé ESC ou changement de mise au point).

Accessibilité dans les sites Web primés: une opportunité manquée

Tout en célébrant les meilleurs sites Web de 2020, Awwwards a mis en évidence une surveillance de l'accessibilité commune: aucun des sites gagnants n'a mis en place prefers-reduced-motion . Cette requête multimédia permet aux développeurs de gérer gracieusement les préférences des utilisateurs pour une réduction du mouvement, empêchant les problèmes potentiels pour les utilisateurs souffrant de troubles vestibulaires. Le site Web Animal Crossing sert d'un exemple positif de mise en œuvre appropriée, y compris une bascule des utilisateurs.

Isolement croisé des originaux: Sécurité améliorée avec compromis

Les sites Web peuvent désormais opter pour l'isolement d'origine croisée en définissant des en-têtes HTTP spécifiques ( Cross-Origin-Embedder-Policy: require-corp et Cross-Origin-Opener-Policy: same-origin ). Cela améliore la sécurité en restreignant le chargement du contenu à partir d'autres origines, mais accorde l'accès à des API puissantes comme SharedArrayBuffer .

Whitehouse.gov: un engagement à l'accessibilité

Le site Web de Whitehouse.gov de l'administration Biden montre un engagement fort à l'accessibilité, dépassant les exigences minimales en faisant référence aux directives WCAG 2.1.

Méfiez-vous de la valeur CSS 100VW et des barres de défilement

L'utilisation de width: 100vw peut créer des barres de défilement horizontales inattendues sur les fenêtres en raison de la façon dont les barres de défilement classiques de la largeur de la gestion. Les utilisateurs de MacOS, qui utilisent généralement des barres de défilement de superposition, peuvent ne pas rencontrer ce problème, ce qui rend crucial pour les développeurs de tester différents systèmes d'exploitation et paramètres de barre de défilement.

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!

Déclaration
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Travailler avec GraphQL CachingTravailler avec GraphQL CachingMar 19, 2025 am 09:36 AM

Si vous avez récemment commencé à travailler avec GraphQL ou examiné ses avantages et ses inconvénients, vous avez sans aucun doute entendu des choses comme "GraphQL ne prend pas en charge la mise en cache" ou

Barbars CSS personnalisés chics et cool: une vitrineBarbars CSS personnalisés chics et cool: une vitrineMar 10, 2025 am 11:37 AM

Dans cet article, nous plongerons dans le monde des barres de défilement. Je sais, ça ne semble pas trop glamour, mais croyez-moi, une page bien conçue va de pair

Faire votre première transition Svelte personnaliséeFaire votre première transition Svelte personnaliséeMar 15, 2025 am 11:08 AM

L'API de transition Svelte fournit un moyen d'animer les composants lorsqu'ils entrent ou quittent le document, y compris les transitions Svelte personnalisées.

Show, ne dit pasShow, ne dit pasMar 16, 2025 am 11:49 AM

Combien de temps passez-vous à concevoir la présentation de contenu pour vos sites Web? Lorsque vous écrivez un nouveau blog ou créez une nouvelle page, pensez-vous à

Construire une application Ethereum à l'aide de Redwood.js et de la fauneConstruire une application Ethereum à l'aide de Redwood.js et de la fauneMar 28, 2025 am 09:18 AM

Avec la récente montée du prix du bitcoin sur 20k $ USD, et pour lui, récemment en train de briser 30k, je pensais que cela valait la peine de reprendre une profonde plongeon dans la création d'Ethereum

Que diable sont les commandes NPM?Que diable sont les commandes NPM?Mar 15, 2025 am 11:36 AM

Les commandes NPM exécutent diverses tâches pour vous, soit en tant que processus unique ou en cours d'exécution pour des choses comme le démarrage d'un serveur ou la compilation de code.

Utilisons (x, x, x, x) pour parler de spécificitéUtilisons (x, x, x, x) pour parler de spécificitéMar 24, 2025 am 10:37 AM

Je discutais avec Eric Meyer l'autre jour et je me suis souvenu d'une histoire d'Eric Meyer de mes années de formation. J'ai écrit un article de blog sur la spécificité CSS, et

Comment utilisez-vous CSS pour créer des effets de texte, tels que des ombres de texte et des gradients?Comment utilisez-vous CSS pour créer des effets de texte, tels que des ombres de texte et des gradients?Mar 14, 2025 am 11:10 AM

L'article discute de l'utilisation de CSS pour les effets de texte comme les ombres et les gradients, les optimiser pour les performances et l'amélioration de l'expérience utilisateur. Il répertorie également les ressources pour les débutants (159 caractères)

See all articles

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
3 Il y a quelques semainesBy尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Adaptateur de serveur SAP NetWeaver pour Eclipse

Adaptateur de serveur SAP NetWeaver pour Eclipse

Intégrez Eclipse au serveur d'applications SAP NetWeaver.

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Puissant environnement de développement intégré PHP

MantisBT

MantisBT

Mantis est un outil Web de suivi des défauts facile à déployer, conçu pour faciliter le suivi des défauts des produits. Cela nécessite PHP, MySQL et un serveur Web. Découvrez nos services de démonstration et d'hébergement.

Navigateur d'examen sécurisé

Navigateur d'examen sécurisé

Safe Exam Browser est un environnement de navigation sécurisé permettant de passer des examens en ligne en toute sécurité. Ce logiciel transforme n'importe quel ordinateur en poste de travail sécurisé. Il contrôle l'accès à n'importe quel utilitaire et empêche les étudiants d'utiliser des ressources non autorisées.

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)