Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

X-Tag - a cross-browser web components library

mozilla.github.com

Post reply on HN
Print view View original

21–30 of 54 posts

Re: X-Tag - a cross-browser web components library

#21

Post by MatthewPhillips »

dandonkulous wrote: post #19
Navarr wrote: post #18

The steps seem pretty dishonest to me. Correct me if i'm wrong, but these are the real X-Tag steps: 1. Scour the web for a plugin 2. Add the plugin script include to your page 3. Copy/Type the new HTML tag 4. Customise the plugin with your own behavior 5. Wash, Rinse, & Repeat

1) Mozilla is generating a stock set of components that you wont have to "scour" for. 2) The components can be easily included using an app bootstrap builder that the Mozilla Marketplace dev hub will feature 3) You write the tags like you would any other in HTML, there is not complex copy or paste operation... 4) You can use components without modifying them, #4 is a red herring Another huge benefit: the polyfill is…

Maybe I'm misunderstanding, doesn't this mean I can use x-foo without including its js if x-foo is in the marketplace? That would be amazing.

Re: X-Tag - a cross-browser web components library

#22

Post by dandonkulous »

dandonkulous wrote: post #19
Navarr wrote: post #18

The steps seem pretty dishonest to me. Correct me if i'm wrong, but these are the real X-Tag steps: 1. Scour the web for a plugin 2. Add the plugin script include to your page 3. Copy/Type the new HTML tag 4. Customise the plugin with your own behavior 5. Wash, Rinse, & Repeat

1) Mozilla is generating a stock set of components that you wont have to "scour" for. 2) The components can be easily included using an app bootstrap builder that the Mozilla Marketplace dev hub will feature 3) You write the tags like you would any other in HTML, there is not complex copy or paste operation... 4) You can use components without modifying them, #4 is a red herring Another huge benefit: the polyfill is…

@MatthewPhillips - That's not what I meant. Mozilla will offer a bootstrap builder with which you can add as many of the stock tags/components as you want to your app's pages. It will output a skeleton of an app that is development-ready. We will be actively working on getting the stock set of components prominently offered in other app bootstraps and store dev areas.

Re: X-Tag - a cross-browser web components library

#23

Post by kumar303 »

MatthewPhillips wrote: post #21
dandonkulous wrote: post #19

Earlier quoted context omitted.

1) Mozilla is generating a stock set of components that you wont have to "scour" for. 2) The components can be easily included using an app bootstrap builder that the Mozilla Marketplace dev hub will feature 3) You write the tags like you would any other in HTML, there is not complex copy or paste operation... 4) You can use components without modifying them, #4 is a red herring Another huge benefit: the polyfill is…

Maybe I'm misunderstanding, doesn't this mean I can use x-foo without including its js if x-foo is in the marketplace? That would be amazing.

The Marketplace is just the "app store" -- it's where you buy apps. You can run the apps on any supported HTML5 device after buying them. So the supported device would not provide anything more than a browser rendering engine (and some navigator.* JS methods). It won't include x-tags.

Re: X-Tag - a cross-browser web components library

#24

Post by MatthewPhillips »

kumar303 wrote: post #23
MatthewPhillips wrote: post #21

Earlier quoted context omitted.

Maybe I'm misunderstanding, doesn't this mean I can use x-foo without including its js if x-foo is in the marketplace? That would be amazing.

The Marketplace is just the "app store" -- it's where you buy apps. You can run the apps on any supported HTML5 device after buying them. So the supported device would not provide anything more than a browser rendering engine (and some navigator.* JS methods). It won't include x-tags.

I'm aware, I submitted an app already :-).

I'm confused about what he meant about the marketplace having a "bootstrap builder" for x-tags.

Re: X-Tag - a cross-browser web components library

#25

Post by MatthewPhillips »

dandonkulous wrote: post #22
dandonkulous wrote: post #19

Earlier quoted context omitted.

1) Mozilla is generating a stock set of components that you wont have to "scour" for. 2) The components can be easily included using an app bootstrap builder that the Mozilla Marketplace dev hub will feature 3) You write the tags like you would any other in HTML, there is not complex copy or paste operation... 4) You can use components without modifying them, #4 is a red herring Another huge benefit: the polyfill is…

@MatthewPhillips - That's not what I meant. Mozilla will offer a bootstrap builder with which you can add as many of the stock tags/components as you want to your app's pages. It will output a skeleton of an app that is development-ready. We will be actively working on getting the stock set of components prominently offered in other app bootstraps and store dev areas.

Understand now, that would still be very valuable.

Re: X-Tag - a cross-browser web components library

#26

Post by dandonkulous »

MatthewPhillips wrote: post #21
dandonkulous wrote: post #19

Earlier quoted context omitted.

1) Mozilla is generating a stock set of components that you wont have to "scour" for. 2) The components can be easily included using an app bootstrap builder that the Mozilla Marketplace dev hub will feature 3) You write the tags like you would any other in HTML, there is not complex copy or paste operation... 4) You can use components without modifying them, #4 is a red herring Another huge benefit: the polyfill is…

Maybe I'm misunderstanding, doesn't this mean I can use x-foo without including its js if x-foo is in the marketplace? That would be amazing.

Correct, Mozilla Marketplace is not putting X-Tags in all apps. The dev tooling side of Marketplace will offer a project builder that let's you pick which tags (if any) you'd like to include. It then bundles all the assets you pick into one compressed file and spits out a zip containing a skeletal project with all the script tag and asset references preset for you in the pages.

Re: X-Tag - a cross-browser web components library

#27

Post by btown »

Navarr wrote: post #18

The steps seem pretty dishonest to me. Correct me if i'm wrong, but these are the real X-Tag steps: 1. Scour the web for a plugin 2. Add the plugin script include to your page 3. Copy/Type the new HTML tag 4. Customise the plugin with your own behavior 5. Wash, Rinse, & Repeat

Ah, but these are the X-Tag steps for 10 different tag types.

1. Scour the web for 1 plugin

2. Add 1 plugin script include to your page

3. Copy/type 10 new HTML tags (which you'd need to do anyways)

4. Add attributes, for which someone will release a Light Table plugin (eventually) to fetch standardized documentation.

5. Only repeat steps 3 and 4.

I'm very excited to see something like NPM for tag handlers. We might even see something like tags that transform into tags that pull things like jQuery from CDNs. And if they use either the NPM model (unilateral publishing) or the Homebrew model (pull requests), and if they are half-decent moderators (to avoid squatting on common tags if they use the NPM model), I can see this transforming the way we write websites (although I'll always be a browserify fan myself).

Re: X-Tag - a cross-browser web components library

#28

Post by jlongster »

MatthewPhillips wrote: post #24
kumar303 wrote: post #23

Earlier quoted context omitted.

The Marketplace is just the "app store" -- it's where you buy apps. You can run the apps on any supported HTML5 device after buying them. So the supported device would not provide anything more than a browser rendering engine (and some navigator.* JS methods). It won't include x-tags.

I'm aware, I submitted an app already :-). I'm confused about what he meant about the marketplace having a "bootstrap builder" for x-tags.

We're working on a bootstrap that you can download to quickly start developing app, and it will include x-tags (with all components). There will also be a "builder" where you can customize your version of x-tags to only include the components you want.

So the bootstrap gets you up and running quickly, and the builder is a web-based tool that lets you optimize your build of x-tags when it goes into production.

Re: X-Tag - a cross-browser web components library

#29

Post by FixThisPOS »

Navarr wrote: post #18

The steps seem pretty dishonest to me. Correct me if i'm wrong, but these are the real X-Tag steps: 1. Scour the web for a plugin 2. Add the plugin script include to your page 3. Copy/Type the new HTML tag 4. Customise the plugin with your own behavior 5. Wash, Rinse, & Repeat

plug-in
Post reply on HN