2️⃣ DOM Overlays allows to reuse #HTML & #CSS to overlay interactive content on top an #AR view, e.g. to build a user interface. Watch @AdaRoseCannon demo and explanation of the DOM Overlays #APIyoutube.com/iQDDa549TN8
1️⃣ Depth Sensing provides a depth #map from the camera feed to integrate realistically #virtual objects into the real-world environment, e.g. to manage their collisions. Watch @AdaRoseCannon demo and explanation of the Depth Sensing youtube.com/Vxp_qDyrj3k
Besides removing duplication, the grouping of related rules improves the readability and maintainability of the resulting #CSS. The specification defines a new selector, the "nesting selector", written as an ASCII ampersand "&"
#CSS Nesting aims to give advanced users new ways to group and shorten style rules. It implements natively some of the features provided by preprocessors like #SASS or LESS #timetogiveinput
The XAUR document is for designers and developers involved in creating immersive and augmented experiences. It’s also useful for anyone who wants to better understand accessibility in a range of immersive or augmented environments.
@w3c#XAUR#a11y#VR#AR#XR
And if you want to understand more of the history behind this work, watch some of the early discussions on this proposal shared last year during #w3cTPAC
This VirtualKeyboard #API helps #developers enable better customization of their Web page's content and experiences via #CSS and #JavaScript when a virtual keyboard is in use
Virtual keyboards are used when hardware keyboards aren't an option (e.g. on smartphones) - a critical aspect of making them usable is to ensure the editable area remains visible when the keyboard scrolls the active view