NoLoJS: a catalog of patterns HTML and CSS now handle

Aaron T. Grogg assembled a survey of common JavaScript patterns that today are solved with plain HTML and CSS, with no script at all, or the smallest one possible. The collection pairs well with the Baseline piece: first check what the platform already does, then drop the dependency. The result is a lighter page and better Core Web Vitals numbers.

Aaron T. Grogg assembled a collection of common JavaScript patterns and showed, for each one, how it is done in plain HTML and CSS. This is not a manifesto against scripts but a shift of the load onto a platform that has since learned to do the same job on its own. What the collection covers Accordions and expanding panels Navigation menus Carousels, in eight variations Deferred loading Other common interface patterns How it is organized Top-level folders are named after the purpose — after what is being built, not after the HTML element that builds it. That is how you find what you actually need. Each folder has a readme surveying the variations, and each variation the smallest possible set of files: a description, an HTML snippet, a stylesheet, and a script only if one is needed at all. There is also a static site with working examples and one CodePen per pattern. Why it pairs with the Baseline piece Baseline tells you what is safe to use; NoLoJS shows what that looks like in code. First you check the state of a feature, then you take a ready pattern.