


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.
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!

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

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

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.

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 à

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

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.

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

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)


Outils d'IA chauds

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

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

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

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

ZendStudio 13.5.1 Mac
Puissant environnement de développement intégré PHP

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é
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
Logiciel d'édition de code au niveau de Dieu (SublimeText3)