nowfound

Life & fun · January 25, 2024

OO

Object-Oriented HTML – Proposal for new powerful features in HTML

Hey all, I'm a big fan of the HTML-first + Progressive Enhancement approach to UI development! For a background: 1. I like to be able to write HTML by default and progressively add JavaScript (and, in the same way, progressively involve tooling) instead of go ahead of the problem by going the other way around! 2. Also turns out that UIs are more resilient when built on the same principles: - given how browsers process web pages: HTML initially, then JavaScript eventually; with the bulk of the page being best done at the initial phase - and given how, on a more general note, performance is a…

Visit github.com ↗Alternatives

What it does

In the maker’s words, at launch

Hey all, I'm a big fan of the HTML-first + Progressive Enhancement approach to UI development! For a background: 1. I like to be able to write HTML by default and progressively add JavaScript (and, in the same way, progressively involve tooling) instead of go ahead of the problem by going the other way around! 2. Also turns out that UIs are more resilient when built on the same principles: - given how browsers process web pages: HTML initially, then JavaScript eventually; with the bulk of the page being best done at the initial phase - and given how, on a more general note, performance is a function of browsers doing the heavy lifting But it turns out that as compelling as it is to move more to HTML, there isn't as much you can do in HTML as you'd like to! In my experience, four specific limitations have felt like a deal breaker: 1: How do you do reactivity? 2: How do you nake components? 3: How do you re-Use components? 4: How do you pass data/props? I've since committed to exploring the answers to those questions, and my life's work here is what I propose as Object-Oriented HTML - a set of HTML/DOM-level features that let us write dynamic and object-oriented markup! (Full explainer is here: https://dev.to/oxharris/revisiting-the-html-problem-space-an...) I am hoping that this moves us forward on the HTML-first + Progressive Enhancement paradigm! But as with everything on the web, it's all about your thoughts!!!

Does the same job

all alternatives →

More life & fun this month

the category →
  • TL
    The load-bearing vocabulary of Claude▲703

    Life & fun · 10d ago · louisabraham.github.io

  • iPhone app takes simultaneous images from 2 lenses, fuses into 1 photo▲329

    Photosynthesis fires two of your iPhone

    Life & fun · 28d ago · photosynthesis.camera

  • SoloUno▲310

    Take control of hair pulling, nail biting & skin picking

    Life & fun · 28d ago · solouno.io

  • Scroll through all 43252003274489856000 Rubik's Cube states▲295

    Scroll through all 43,252,003,274,489,856,000 reachable Rubik's Cube permutations.

    Life & fun · 26d ago · everycube.alen.is

  • Expeditione▲265

    The Interactive 3D Encyclopedia

    Life & fun · 21d ago · expeditione.fun

  • Eigendrum - Draw any shape and hear what it sounds like as a drum▲243

    Hi HN, I built Eigendrum, a web tool that solves the 2D wave equation for arbitrary shapes so you can hear what they sound like as drums. How it works: * Solves -∇²u = λu using finite element analysis (Kφ = λMφ) on a triangle mesh. * Validated to <0.1% error against closed-form solutions for circles (Bessel zeros) and rectangles. * Sound model factors in strike location, Rayleigh damping, and mallet width. * Includes Kac drums I & II to demonstrate identical sound spectra from different geometries. * No frameworks, build steps, or dependencies. Repo and tests:…

    Life & fun · 26d ago · baselashraf81.github.io

Launched alongside, January 2024

the whole month →