He explores basic manipulation of the CSSOM to change the live styles of a site, looks at the new opportunities afforded by custom properties, and explores concepts like style tokens. As Morten shows, ...

Always use the right HTML elements for their intended purpose. For interactive controls, for example, use a button element rather than divs'. Semantic HTML aids accessibility, built-in keyboard ...

JavaScript lets you change the CSS of a webpage in real-time. You can use the element.style property to modify an element's inline styles. For example, element.style.color = 'red' will change the ...

JavaScript files, JSON files, functions, and objects will need to namespace Custom Properties using the customProperties or custom-properties key. The exportTo option specifies destinations where ...

Masonry layout can be made with the CSS columns property, and with Tailwind ... Back in the day, we'd have to use a JavaScript library, but today it's a lot easier (especially with Tailwind)... If you ...