Show HN: This website is valid JSON • Hacker News Board

Re: Show HN: This website is valid JSON

#11

Post by neolog » Wed, Dec 09, 2020, 12:57 AM UTC

I wonder is it possible to do this without running any javascript, only HTML5/CSS?

Re: Show HN: This website is valid JSON

#12

Post by cocktailpeanuts » Wed, Dec 09, 2020, 12:58 AM UTC

what kind of sorcery is this...

Re: Show HN: This website is valid JSON

#13

Post by np_tedious » Wed, Dec 09, 2020, 1:03 AM UTC

habitue wrote: post #10

This is a really cool hack. > The JSON must contain only pure information without any concern about design or markup. Wellll.. I mean the json has markdown syntax in it. That's a lot nicer than html tags for markup, but it's still markup. In case anyone reading hasn't seen it before, browsers have a thing called XSLT built into them that does something similar for XML documents. You serve up your data as XML, add a t…

I had a college course that burned way too much time on XSLT. This was 2008 I think. Needless to say I haven't used it since

Re: Show HN: This website is valid JSON

#14

Post by thomasfromcdnjs » Wed, Dec 09, 2020, 1:04 AM UTC

Not related to the project but I'm working on jsonblog.com, your whole blog can be rendered from a blog.json file. Will look into WDR to see if it could be relevant.

Re: Show HN: This website is valid JSON

#15

Post by allenu » Wed, Dec 09, 2020, 1:11 AM UTC

I love this. I read through the page source before reading the content of the blog fully to work out what it does. Really simple idea, but clever!

Re: Show HN: This website is valid JSON

#16

Post by amanzi » Wed, Dec 09, 2020, 1:14 AM UTC

This is an interesting technical hack, but I have to ask what problem this is aiming to address?

Re: Show HN: This website is valid JSON

#17

Post by gpnt » Wed, Dec 09, 2020, 1:15 AM UTC

habitue wrote: post #10

This is a really cool hack. > The JSON must contain only pure information without any concern about design or markup. Wellll.. I mean the json has markdown syntax in it. That's a lot nicer than html tags for markup, but it's still markup. In case anyone reading hasn't seen it before, browsers have a thing called XSLT built into them that does something similar for XML documents. You serve up your data as XML, add a t…

Yeah, I thought about using XML/XSLT too, but I think JSON would be more aligned with today's tools. Also, the render could be written in React or Vue, and add all the functionalities of a modern web app, for example, not just HTML.

Re: Show HN: This website is valid JSON

#18

Post by ajxs » Wed, Dec 09, 2020, 1:18 AM UTC

It's a neat trick using the Browser's Quirks Mode to load JSON that can bootstrap a framework, I'm not sure I really understand the benefit though. In order to actually get to the point of bootstrapping, the server has already transferred all of the content, plus the bootstrapping Javascript in a single payload. It seems like this implementation has the weaknesses of using a Javascript framework, without the benefits. Together with all of the weaknesses of static content, without the benefits. All the while depending on a quirk of the browser for support, which not all browsers may support.

Re: Show HN: This website is valid JSON

#19

Post by chii » Wed, Dec 09, 2020, 1:19 AM UTC

amanzi wrote: post #16

This is an interesting technical hack, but I have to ask what problem this is aiming to address?

a (neat) solution in search of a problem tbh.

Re: Show HN: This website is valid JSON

#20

Post by gwbas1c » Wed, Dec 09, 2020, 1:19 AM UTC

I'm curious about caching potential with this approach.

Meaning: If the javascript (and other content) loaded via #render is highly cacheable, can this lead to pages that display as soon as the JSON is loaded?