A deep sniff of the new CSS Olfactive API, a set of proposed features for immersive user experiences using smell.

CSS-Tricks is a go-to destination for web designers and front-end developers seeking insights into CSS techniques, web design trends, and best practices. Through a rich collection of articles, tutorials, and code snippets, CSS-Tricks equips developers with the knowledge and tools needed to create visually stunning and user-friendly websites. Whether you're looking to master CSS layout techniques, explore responsive design principles, or stay updated with the latest CSS features and browser compatibility issues, CSS-Tricks offers practical guidance and inspiration for elevating your web design skills.

CSS-Tricks

A satirical April Fools' Day piece presenting a fictional 'CSS Olfactive API' that would allow websites to emit smells. The post humorously details a made-up spec including a `<scent>` HTML element, a `scent-profile` CSS property, a `scent()` function using fragrance family identifiers, a `whf` unit for scent intensity, and even a `prefers-reduced-pungency` media query for accessibility. The author maintains a skeptical, tongue-in-cheek tone throughout, questioning whether smell on the web is needed at all.

Sniffing Out the CSS Olfactive API