Building an HTML-first site doubled our users overnight
https://mohkohn.co.uk/writing/html-first/
#HackerNews #HTMLfirst #usergrowth #webdevelopment #designsuccess #techtrends
Building an HTML-first site doubled our users overnight
https://mohkohn.co.uk/writing/html-first/
#HackerNews #HTMLfirst #usergrowth #webdevelopment #designsuccess #techtrends
Released v3 of Tram-Deco, the declarative custom element library that uses #DeclarativeShadowDOM (which became available in all major browsers this week)!
https://github.com/Tram-One/tram-deco
I also added an import method, which allows you to import definitions from other HTML files (relies on `Document.parseHTMLUnsafe`, so millage may vary).
Planning to present this to Web Components Community Group, so I would love any feedback! ❤️
Put together a super lightweight and standard-API-focused implementation of Declarative Custom Elements. 👏
https://github.com/Tram-One/tram-deco
Exclusively implements all the standard Web Component APIs in an HTML-First approach that should be familiar and easy to pick up 😁 - no special syntax or template language here.
Check the repo for live codepens, and would love to hear what people think! ❤️
#WebComponents #WebDev #HTMLFirst #DeclarativeShadowDOM #ShadowDOM #HTML
Working on a way to build Declarative Custom Elements using the newly released Declarative Shadow DOM.
Turned out to only 20 lines of Javascript! I'm surprised how neatly everything kinda works.
https://codepen.io/JRJurman/pen/dyrJWep
There are some gotchas and it certainly could be more elegant, but I think it has the building blocks for building Web Components from an HTML First approach.
#WebComponents #WebDev #HTMLFirst #DeclarativeShadowDOM #ShadowDOM #HTML
Why is this “HTML First” not helpful, and what would true HTML First look like?
There's some interesting thinking going on here: https://html-first.com/
My current website project is a static site generator, so while the output is largely aligned with HTML First principles, the input still goes through a build pipeline (albeit one with very minimal dependencies).
Then I found https://enhance.dev and that is a *very* interesting approach to this.
#HTML #HTMLFirst #NoBuildJS #EnhanceDev #StaticSites #WebDev