Skip to content
This repository has been archived by the owner on Jul 3, 2023. It is now read-only.

Tech and architecture

Jump to bottom
Bèr Kessels edited this page Oct 25, 2020 · 1 revision

Frontend client.

Designs, goals.

The goal is to build our entire web-app, but that is far away; and I don't mind switching to something else along the route (react, native, wasm, some other CSS framework).

For now, the direct aim is to build a Proof of Concept and maybe even the MVP. Screens for the far-away goal are on figma: https://www.figma.com/file/CgDIaLgjwVLPzw1ggmrZzy/Flockingbird (work in progress!)

Frontend frameworks

See: https://fosstodon.org/web/statuses/105090756090083111

What is currently the most accessible, lightweight (clientside) and simple to implement, HTML+CSS framework for web-apps? Primarily for a web-app for mobile use. Not looking for JavaScript platforms, but if it has some small JS-requirements thats OK. To be integrated in a fully serverside rendered web-app.

Options given, are:

  • Bulma - Quick investigation shows it is lean and clean. But like bootstrap, encourages non-semantic use of HTML (needs to be yellow, just slap a .warning on it, even if it is not a warning at all).
  • Milligram - Styles default elements rather than requiring you to use classes, but this can be heavy handed as it prevents you from opting out. i just used it cause i used semantic elements everywhere and didn't really wanna write much CSS. Quick investigation shows it may be underprovisioned and require a lot of custom CSS in the end. Love the idea of it being Mobile first.

SEO

Our most important requirement is not visible: SEO. If privacy preferences allow, we want peoples' profiles to be indexed and ranked high.

That means serverside rendered HTML (with microformatting) is almost a hard requirement. Added benefit is that this makes the app fast, compatible and accessible.

This requirement is so important, that if forms and interactions are too complex to achieve with plain-ol'-HTML forms and a sprinke of JS, i'd prefer redesigning it, so it fits that need.

Clone this wiki locally