Kevin Powell

Developers often overlook the capabilities of HTML inputs and CSS. For example, number inputs can be limited using min and max attributes. CSS pseudo-classes like 'in-range' can enhance user feedback. The color picker input allows users to choose colors from any open window. There's an array of native input features and pseudo-classes that can enrich user interfaces.

Stop Writing Extra Code: HTML Inputs Are More Powerful Than You Think

Learn how to create a popover menu that follows the position of a button using modern CSS techniques, including new attributes like popover and anchor positioning. The post provides a step-by-step guide and addresses browser compatibility issues with polyfills. It also covers how to add animations to these popovers and discusses the semantics of different HTML elements.

Best of Kevin Powell — November 2024