This website uses cookies. By clicking Accept, you consent to the use of cookies. Click Here to learn more about how we use cookies.
Accept
Reject
Support
cancel
Turn on suggestions
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Add support for JSON layouts

dfaultkey
New member
โ€Ž08-25-2022 03:12 PM
Status: New idea

HTML has been the long standing data format for representing the layout of a webpage, but why is that? We all know from experience that XML like data is unnecessarily verbose and is a pure waste of data(in terms of data in wire) and time(in terms of parsing it to construct the dom). Why don't we render data with json?

DOM data in json is very much appealing to the eyes compared to XML like representation. It makes developers lives easier. And accessing data in html from js would be a breeze.

Has anyone considered this possibility? Why not use something that can significantly increase the performance and the developer experience?

Comment
11 Comments
Status changed to: New idea
Jon
Community Manager
Community Manager
โ€Ž08-26-2022 07:18 AM
โ€Ž08-26-2022 07:18 AM

Thanks for submitting an idea to the Mozilla Connect community! Your idea is now open to votes (aka kudos) and comments.

ovanes1
New member
โ€Ž08-26-2022 12:56 PM
โ€Ž08-26-2022 12:56 PM

I'm interested in that too.

Anonymous
Not applicable
โ€Ž08-26-2022 02:47 PM
โ€Ž08-26-2022 02:47 PM

A similar alternative exists for rss/atom feeds. ( ref. http://jsonfeed.org/ )

g_h_97
New member
โ€Ž08-26-2022 05:58 PM
โ€Ž08-26-2022 05:58 PM

Using JSON nowadays is absolutely a must. Props,

Deesan
New member
โ€Ž08-26-2022 08:51 PM
โ€Ž08-26-2022 08:51 PM

{
   "html": {
        "head": {
              "title": "My title",
              "link": {
                        "href": "json.com/style.css"
              }
         },
        "body": {
              "div": "Hello world"
         }
    }
}
HTML to JSON would be something like this? Yeah. It would eliminate the size. Appealing to eyes?

dfaultkey
New member
โ€Ž08-28-2022 02:05 PM
โ€Ž08-28-2022 02:05 PM

<head>
    <title>My title</title>
    <link href="json.com/style.css"/>
</head>
<body>
    <div>
        Hello World
    </div>
</body>
</html>

@Deesan  The equivalent in HTML. IMHO JSON is much cleaner and easier to read compared to this. JSON has readability problems too. There are some efforts by people like the https://json5.org/ project to improve JSON but one can only hope so much.

Jagathish
New member
โ€Ž08-28-2022 09:25 PM
โ€Ž08-28-2022 09:25 PM

 

I'm interested in that too.

Anonymous
Not applicable
โ€Ž08-29-2022 10:07 AM
โ€Ž08-29-2022 10:07 AM

Why stop ad JSON?  Lets go full YAML ( ref. https://docs.fileformat.com/programming/yaml/ )

 

html:
  head:
    title: My title
    link:
      href: json.com/style.css
  body:
    div: Hello world

 

Can't get any smaller than this, without making it less readable.

NunoSempere
New member
โ€Ž08-30-2022 03:08 AM
โ€Ž08-30-2022 03:08 AM

This seems like an interesting proposal. What work would someone need to do to provide a minimal proof of concept? Write a simple json to html compiler?

dfaultkey
New member
โ€Ž09-01-2022 07:41 AM
โ€Ž09-01-2022 07:41 AM

@AnonymousJSON is already part of the browser and used for data exchange. Using it for html rendering would makes developers life easier. Even though we have good things like pug and yaml, using those would mean that the developers have to learn yet another syntax.

dfaultkey
New member
โ€Ž09-01-2022 07:45 AM
โ€Ž09-01-2022 07:45 AM

@nunoIt just wastes cpu cycles if we do that in the browser. JSON should be directly converted to the DOM tree for this to work optimally.

Copyright ยฉ 2025 Khoros, LLC
Top