+++
date    = "2022-10-04T01:32:48+00:00"
lastmod = "2022-10-04T01:33:48+00:00"
tags    = [ "webdev" ]
author  = "tdro"
+++

Watching the web tech mainstream/influencers transition back to a
{{< abbr html "hypertext markup language" >}} first approach is fascinating.
Frameworks are returning to single file
{{< abbr soc "separation of concern" >}} approaches that bundle and
progressively enhance scoped {{< abbr js "javascript" >}} and
{{< abbr css "cascading style sheets" >}} components automatically.

See syntax for [webc/11ty](https://github.com/11ty/webc#javascript-api),
[svelte](https://svelte.dev/tutorial/numeric-inputs),
[enhance](https://enhance.dev/docs/learn/concepts/single-file-components#style),
[lit/google](https://lit.dev/docs/components/styles/#expressions-and-style-elements),
[vuejs](https://vuejs.org/guide/essentials/class-and-style.html#binding-to-objects)
[marko](https://markojs.com/docs/getting-started/),
[astro](https://docs.astro.build/en/guides/styling/#scoped-styles-1), and more
in a rare [history lesson](https://www.youtube.com/watch?v=k85bq5leJPo).