Since the introduction of CSS viewport units in 2012, many of us have been using `width: 100vw` as a way to set an element’s width to the full width of the viewport. But, as Šime Vidas explains in this deep dive, `100vw` does not always represent the full width of the viewport due to differences in how browsers handle scrollbars.| Smashing Magazine
The read-only scrollX property of the Window interface returns the number of pixels by which the document is currently scrolled horizontally. This value is subpixel precise in modern browsers, meaning that it isn't necessarily a whole number. You can get the number of pixels the document is scrolled vertically from the scrollY property.| MDN Web Docs
The getClientRects() method of the Element interface returns a collection of DOMRect objects that indicate the bounding rectangles for each CSS border box in a client.| MDN Web Docs
The Element.getBoundingClientRect() method returns a DOMRect object providing information about the size of an element and its position relative to the viewport.| MDN Web Docs
With scroll-behavior: smooth in your CSS you can tell browsers to animate scrolling to different parts of your site, for example when linking to an ID on a page. The javascript scrollTo API has a behavior option that lets you turn on smooth scrolling for one specific scroll regardless of the CSS being set or […]| Kilian Valkhof | Front-end & user experience developer
Accessibility resources free online from the international standards organization: W3C Web Accessibility Initiative (WAI).| Web Accessibility Initiative (WAI)
HTML| html.spec.whatwg.org
InfraUnicode and Encoding| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
HTML| html.spec.whatwg.org
1. Introduction| w3c.github.io
