Sortir de la boîte

Le CSS est principalement utilisé pour styliser des boîtes rectangulaires, mais de nouvelles fonctionnalités élargissent les limites du design. La superposition des contrôles de fenêtre pour les PWA permet aux développeurs de tirer parti de la totalité de la fenêtre de l'application, y compris la zone de la barre de titre. Cette fonctionnalité supprime la contrainte physique de la barre de titre et des contrôles de fenêtre, permettant de les superposer sur le contenu de l'application. Pour utiliser cette fonctionnalité, ajoutez "window-controls-overlay" au fichier de manifeste de l'application web. De nouvelles variables d'environnement CSS, telles que "titlebar-area-x" et "titlebar-area-width", peuvent être utilisées pour positionner le contenu à l'endroit où se trouverait la barre de titre tout en s'assurant qu'il ne chevauche pas les boutons de contrôle de fenêtre. Pour éviter que les boutons de contrôle de fenêtre ne recouvrent le contenu, la couleur de thème de l'application peut être définie pour correspondre à la couleur de fond du contenu en utilisant le fichier de manifeste de l'application web ou la balise meta "theme-color". Cette fonctionnalité permet aux PWA de créer des expériences plus immersives et plus intégrées sur les appareils de bureau.