{"json_modified": "2016-09-29T08:13:56.570565", "uuid": "8bbd9e15-adbb-44b4-850e-2ea950cad2c1", "title": "Web components and Mozilla Brick", "url": "/en-US/docs/Archive/Apps/Tools_and_frameworks/Web_components", "tags": ["building blocks", "Web Components", "web components", "x-tag", "brick"], "translations": [{"uuid": "b67d3e37-0612-496a-a7cf-8c57f1c6d84a", "title": "Les composants Web et Mozilla Brick", "url": "/fr/docs/Web/Apps/Tools_and_frameworks/Web_components", "tags": ["x-tag", "Composants Web", "Cr\u00e9er des blocs", "brick"], "summary": "Il y a un probl\u00e8me avec le Web comme plate-forme pour les applications : HTML, le langage qui rend facile le balisage des documents et leur donne du sens n'a pas suffisamment d'\u00e9l\u00e9ments pour construire des applications. Il existe quelques nouveaux \u00e9l\u00e9ments dans la sp\u00e9cification HTML5, mais leur prise en compte est incompl\u00e8te dans les navigateurs et il y a encore beaucoup de widgets manquants que d'autres plates-formes comme Flex ou iOS offrent aux d\u00e9veloppeurs out-of-the-box. En cons\u00e9quence, les d\u00e9veloppeurs ont cr\u00e9\u00e9 leurs propres \"widgets\" comme les barres de menus, commandes de curseur et calendriers \u00e0 l'aide du HTML non-s\u00e9mantique (la plupart du temps des \u00e9l\u00e9ments <strong>&lt;div&gt;</strong>). ils les ont rendus interactifs en utilisant le JavaScript et personnalisables en utilisant les CSS.", "localization_tags": [], "locale": "fr", "last_edit": "2015-06-23T02:34:52", "review_tags": []}, {"uuid": "b8168cd9-8566-4e67-bc65-becd174c6e78", "title": "Web Components \u3068 Mozilla Brick", "url": "/ja/docs/Web/Apps/Tools_and_frameworks/Web_components", "tags": [], "summary": "\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3001\u3068\u3044\u3046\u70b9\u306b\u304a\u3044\u3066\u3001\u30a6\u30a7\u30d6\u306b\u306f\u8ab2\u984c\u304c\u3042\u308a\u307e\u3059\u3002HTML\u3068\u3044\u3046\u3001\u6587\u66f8\u3092\u304b\u3093\u305f\u3093\u306b\u30de\u30fc\u30af\u30a2\u30c3\u30d7\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u3001\u305d\u3057\u3066\u610f\u5473\u3092\u4e0e\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u8a00\u8a9e\u306f\u3001\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3092\u7d44\u307f\u4e0a\u3052\u308b\u306b\u306f\u3001\u5145\u5206\u306a\u8981\u7d20\u304c\u3042\u308a\u307e\u305b\u3093\u3002HTML5 \u306e\u4ed5\u69d8\u306b\u306f\u3001\u304b\u306a\u308a\u591a\u304f\u306e\u65b0\u3057\u3044\u8981\u7d20\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3057\u305f\u304c\u3001\u3057\u304b\u3057\u3001\u305d\u308c\u3089\u306e\u30b5\u30dd\u30fc\u30c8\u306f\u30d6\u30e9\u30a6\u30b6\u3054\u3068\u306b\u4e0d\u5b8c\u5168\u3067\u3001\u4ed6\u306e\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u306b\u306f\u306a\u3044\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u304c\u305f\u304f\u3055\u3093\u3042\u308a\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001Flex \u3084 iOS \u304c\u63d0\u4f9b\u3059\u308b\u72ec\u7279\u306a\u3082\u306e\u3067\u3059\u3002\u7d50\u679c\u3068\u3057\u3066\u3001\u958b\u767a\u8005\u306f\u3001\u30e1\u30cb\u30e5\u30fc\u30d0\u30fc\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3001\u30ab\u30ec\u30f3\u30c0\u30fc\u3068\u3044\u3063\u305f\u3082\u306e\u3092\u3001\u30bb\u30de\u30f3\u30c6\u30a3\u30c3\u30af\u3067\u306a\u3044 HTML (\u3088\u304f\u3042\u308b\u306e\u306f <div> \u8981\u7d20) \u3092\u7528\u3044\u3066\u3001JavaScript \u3067\u30a4\u30f3\u30bf\u30e9\u30af\u30c6\u30a3\u30d6\u306b\u3057\u3001CSS \u3067\u898b\u305f\u76ee\u3092\u6574\u3048\u3066\u3001\u305d\u308c\u305e\u308c\u304c\u72ec\u81ea\u306e\u300c\u30a6\u30a3\u30b8\u30a7\u30c3\u30c8\u300d\u3092\u3064\u304f\u3063\u3066\u3044\u307e\u3059\u3002", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2016-02-06T00:25:26", "review_tags": []}, {"uuid": "be26f5d3-c28d-4a6d-a9a4-bf0dd62df7ad", "title": "Web components and Mozilla Brick", "url": "/pt-BR/docs/Apps/Tools_and_frameworks/Web_components", "tags": [], "summary": "H\u00e1 um problema com a Web como uma plataforma para aplica\u00e7\u00f5es: HTML, a linguagem que o torna f\u00e1cil de marcar documentos e dar-lhes significado, n\u00e3o tem elementos suficientes para construir aplica\u00e7\u00f5es. H\u00e1 muito poucos novos elementos na especifica\u00e7\u00e3o HTML5, mas seu apoio \u00e9 esbo\u00e7ado em todos os navegadores e ainda h\u00e1 um monte de widgets desaparecidas, que outras plataformas como Flex ou iOS fornecem aos desenvolvedores por fora. Como resultado, os desenvolvedores criam seus pr\u00f3prios \"widgets\" como barras de menus, controles deslizantes e calend\u00e1rios usando HTML n\u00e3o sem\u00e2ntica (principalmente elementos <code>&lt;div&gt;</code>) e tornam-los interativos usando JavaScript e tematiz\u00e1vel usando CSS.", "localization_tags": ["inprogress"], "locale": "pt-BR", "last_edit": "2015-04-24T20:55:52", "review_tags": []}], "modified": "2016-09-29T08:13:56", "label": "Web components and Mozilla Brick", "localization_tags": [], "locale": "en-US", "id": 82975, "last_edit": "2016-03-02T04:15:50", "summary": "There is a problem with the Web as a platform for applications: HTML, the language that makes it easy to mark up documents and give them meaning doesn't have enough elements to build applications. There are quite a few new elements in the HTML5 spec, but their support is sketchy across browsers and there are still a lot of widgets missing that other platforms like Flex or iOS give developers out-of-the-box. As a result, developers build their own \"widgets\" like menu bars, slider controls and calendars using non-semantic HTML (mostly <code>&lt;div&gt;</code> elements) and make them interactive using JavaScript and theme-able using CSS.", "sections": [{"id": "The_web_components_problem", "title": "The web components problem"}, {"id": "The_Technology", "title": "The Technology"}, {"id": "Brick_Curated_Web_Components", "title": "Brick: Curated Web Components"}, {"id": "What_is_X-Tag", "title": "What is X-Tag?"}, {"id": "Working_demos", "title": "Working demos"}, {"id": "Using_Bricks_in_an_app", "title": "Using Bricks in an app"}, {"id": "Your_own_bricks_Creating_custom_elements_using_X-Tag", "title": "Your own bricks: Creating custom elements using X-Tag"}, {"id": "Registering_Your_Custom_Element", "title": "Registering Your Custom Element"}, {"id": "The_Element_Lifecycle", "title": "The Element Lifecycle"}, {"id": "Adding_Custom_Methods", "title": "Adding Custom Methods"}, {"id": "Adding_Custom_Accessors", "title": "Adding Custom Accessors"}, {"id": "The_Finished_Component", "title": "The Finished Component"}, {"id": "Improvement_ideas", "title": "Improvement ideas"}, {"id": "See_also", "title": "See also"}], "slug": "Archive/Apps/Tools_and_frameworks/Web_components", "review_tags": []}