HTML

From IndieWeb
Revision as of 20:58, 22 September 2023 by Tantek.com (talk | contribs) (stub humor)

Comic of two people walking away from a warehouse store, one with a large cart of many boxes labeled with JavaScript toolchain tools, and another carrying a small box in his arms labeled HTML & CSS, with the former asking the latter a question about his choice. HTML (HyperText Markup Language) is the language used to create web pages, one of the building blocks of the IndieWeb.

How to

  • https://twitter.com/ludvikherrera/status/1489641828068569090
    • "Of course, when I mention HTML and content, it should be understood with all the nuance that is implied, from well-structured and written content, image captions, accessibility parameters, tidy and well-structured syntax, not only responsive but adaptive data + microformats." @ludvikherrera February 4, 2022

Quotes

"Write code, not too much, mostly HTML"
@scottjehl

"HTML. It is the foundation of all web content. No matter what changes in the world of JavaScript. Always start with HTML. #HTML #A11y"
@Steady5063

How to build apps

Rather than using a JS framework, you can use mostly HTML to build web applications by following some development guidelines. As described in this blog post and demonstrated with examples:

Keep the following in mind:

  • Start with HTML. Keep the DOM stable and shallow. Don’t overuse classes
  • Use CSS selectors and animation for little UI-behavior things when possible
  • Aggregate your view-model on edge
  • Server-side render with vanilla
  • Behaviors instead of components

Tools

Command Line

  • pup - a tool for extracting information from HTML at the command-line.

Humor

See Also

  • https://indieweb.social/@raphaelluckom/109479104151482546
    • "The more I look at #webdev as a not-full-time practitioner, the more I start to appreciate what I think of as the #indieweb position:The basic document structure of the web is #HTML.The basic layout engine is #CSS.The more that a framework leverages these things directly--puts them in front of code authors and also expresses them clearly in its output, the better it is.The more a framework hides or misrepresents them or doesn't engage with their semantics, the worse it is." @raphaelluckom December 8, 2022