Sticking with the theme of Old and Boring (OnB) tech, we archive liberally licensed classic versions of libraries that work well for Web UI and differentiate between Desktop and Touch versions because Responsive may take over twice as long as require more skilled (expensive) developers to build, losing us the benefit of redundancy as we have to much more per developer (eg. 4 instead of 3 may have a similar cost). This allows us to use more entry level workers who can grow into senior roles.

And since the technology is OnB we can generally count on it remaining unchained as the developers climb into new roles throughout the organizzation.

Old school JS

True most browsers support modern JS syntax.

But beyond the language we also avoid fancy compilation. If a library can't be downloaded as a build and used from an index.html without having node and npm installed then it fails the first test.

True build tools were addressed to solve problems with manual builds and make thing perform better at scale. But we're focusing on the 0-1 phase for solo developers or entrepreneurs who have ambiguous requirements and time constraints to contend with.

When money is flowing then there is value in the code and it is worth productionizing more.. But prior to that, every $10 is a day of food and every minute not shipped can be a sale.

Utility-First CSS

Tailwinds is gaining popularity and follows Tachyons by about a year. The latter is the direction we choose because JS based view model frameworks general copose higher level concepts like grids. This allows it to have a much smaller footprint given the method that they use to generate the variants of sizes and media selectors from variables in eg. SCSS or SASS to plain CSS which does not have variavles or functions.

Layout systems

Flex is a 1D paradigm that orients around a single row or column and can be composed; while Grid is a 2D paradigm that defines rows and columns.

Component-Based CSS

These are sometimes combined with Javascript to fill in capabilities in older browsers uniformly. Bootstrap is among the most popular. Notably these frameworks are generally paired with a View-Model JS framework to hydrate data such as React which orients them toward single-page apps (SPAs) as opposed to static generation, although one can certanly use them with statically generated models. They blue the lines when we get into input components like forms and compond components.

Selection and Polyfill

jQuery

Much of jQuery has been absorbed into the web browser's native functionality, most notably selection via querySelector.

Widgets

jQuery UI

Beyond jQuery selection we want a framework for UI widgets. These are styled and themable. On its own it does not offer a comprehensive UI framework, but may be just enough for consumer web apps which require preferences or similar simple inputs.

Touch

jQuery Mobile

jQuery Mobile is designed for touch interfaces and is more of a frameowkr than jQuery Touch which is more like a jQuery plugin that builds on the jQuery UI system.

Desktop

ExtJS Panel

ExtJS was an early Web UI Framework from the days of the original Gmail. I used it for a web based messenger and found it to balance simplicity with power.

Beyond jQ UI it includes panels and dialogs. A downside is that it introduces its own styling conventions but may totally replace jQ UI functionality.

Content Components

VisJS Graph2D

VisJS is a charting library that is good for quick development of charts and timelines.

TUI Calendar

The TUI Calendar library is simple and has sensible defaults.

VideoJS

VideoJS is a powerfulweb player that bridges the gap between HTML players and control chrome, playback technology, and plugins.

Modern inspiration

Remix has now been released as of Mon Nov 22, 2021.