{"json_modified": "2016-07-28T16:32:24.839567", "uuid": "5ae81e28-db0c-4803-8732-97c6bec855df", "title": "Firefox OS Building Blocks", "url": "/en-US/docs/Archive/Firefox_OS/Firefox_OS_apps/Building_blocks", "tags": ["Design patterns", "building blocks", "UI", "Firefox OS", "Design"], "translations": [{"uuid": "13771d30-8d23-4d12-b623-4b0ca83d73c6", "title": "Firefox OS \u30d3\u30eb\u30c7\u30a3\u30f3\u30b0\u30d6\u30ed\u30c3\u30af", "url": "/ja/docs/Web/Apps/Design/Firefox_OS_building_blocks", "tags": ["Design patterns", "building blocks", "UI", "Firefox OS", "Design"], "summary": "Firefox OS \u30d3\u30eb\u30c7\u30a3\u30f3\u30b0\u30d6\u30ed\u30c3\u30af\u306e\u30b3\u30fc\u30c9\u306f <a href=\"https://github.com/mozilla-b2g/gaia\">Gaia Github \u30ec\u30dd\u30b8\u30c8\u30ea</a> \u306e <a href=\"https://github.com/mozilla-b2g/gaia/tree/master/shared/style\"><code>shared/style</code></a> \u4ee5\u4e0b\u306b\u3042\u308a\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u3001\u305d\u306e\u7279\u5b9a\u306e\u30d3\u30eb\u30c7\u30a3\u30f3\u30b0\u30d6\u30ed\u30c3\u30af\u306e\u305f\u3081\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u542b\u3093\u3060 CSS \u30d5\u30a1\u30a4\u30eb\u3068\u3001\u90e8\u5206\u7684\u306a HTML \u30b3\u30fc\u30c9\u3084\u753b\u50cf\u7d20\u6750\u3092\u542b\u3080\u30b5\u30d6\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u72ec\u81ea\u306e\u30b9\u30bf\u30f3\u30c9\u30a2\u30ed\u30f3 Web \u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3057\u3066\u3044\u308b\u306a\u3089\u3001\u305d\u306e CSS\u3001HTML\u3001\u753b\u50cf\u7d20\u6750\u30d5\u30a1\u30a4\u30eb\u3092\u3042\u306a\u305f\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u30b3\u30d4\u30fc\u3059\u308b\u3060\u3051\u3067\u3059\u3002\u305d\u306e\u30a2\u30d7\u30ea\u304c Firefox OS \u3078\u306e\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u306e\u307f\u3092\u76ee\u7684\u3068\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u306a\u3089 (Firefox OS \u3067\u306e\u30a2\u30d7\u30ea\u4f7f\u7528\u6642\u306b\u9650\u3063\u3066\u305d\u308c\u3089\u306e\u6a5f\u80fd\u3092\u4f7f\u7528\u3057\u305f\u3044\u306a\u3089)\u3001Gaia \u5185\u90e8\u3067\u4f7f\u7528\u53ef\u80fd\u306a\u30d0\u30fc\u30b8\u30e7\u30f3\u3078\u30ea\u30f3\u30af\u3055\u305b\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2015-08-24T23:53:47", "review_tags": []}, {"uuid": "454f1ce7-14d8-41de-9db4-80fca8c05af2", "title": "Firefox OS Building Blocks", "url": "/ms/docs/Mozilla/B2G_OS/Firefox_OS_apps/Building_blocks", "tags": [], "summary": "The code for the Firefox OS Building Blocks can be found in the <a href=\"https://github.com/mozilla-b2g/gaia\">Gaia Github repo</a> under <a href=\"https://github.com/mozilla-b2g/gaia/tree/master/shared/style\">shared/style</a>. Here, you can find a CSS file that contains the CSS for that particular Building Block, and a sub directory containing the HTML fragments and image assets. If you are creating your own standalone Web app, you can simply copy the CSS, HTML and image asset files across into your own project; if your app is intended to be installed on Firefox OS only (or you want to use these features only when the app is being used on Firefox OS), then you can link to the versions available inside Gaia.", "localization_tags": [], "locale": "ms", "last_edit": "2016-07-28T16:32:20", "review_tags": []}], "modified": "2016-05-03T23:04:33", "label": "Firefox OS Building Blocks", "localization_tags": [], "locale": "en-US", "id": 129711, "last_edit": "2016-05-03T23:03:01", "summary": "The code for the Firefox OS Building Blocks can be found in the <a href=\"https://github.com/mozilla-b2g/gaia\">Gaia Github repo</a> under <a href=\"https://github.com/mozilla-b2g/gaia/tree/master/shared/style\">shared/style</a>. Here, you can find a CSS file that contains the CSS for that particular Building Block, and a sub directory containing the HTML fragments and image assets. If you are creating your own standalone Web app, you can simply copy the CSS, HTML and image asset files across into your own project; if your app is intended to be installed on Firefox OS only (or you want to use these features only when the app is being used on Firefox OS), then you can link to the versions available inside Gaia.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Using_the_Firefox_OS_Building_Blocks", "title": "Using the Firefox OS Building Blocks"}, {"id": "Web_components_preliminary_setup", "title": "Web components preliminary setup"}, {"id": "Web_components_browser_support", "title": "Web components browser support"}, {"id": "Web_components_installation_notes", "title": "Web components installation notes"}, {"id": "Firefox_OS_Building_Blocks", "title": "Firefox OS Building Blocks"}, {"id": "Cross_browser_CSS", "title": "Cross browser CSS"}, {"id": "Browse_Firefox_OS_Building_Block_implementations_by_version", "title": "Browse Firefox OS Building Block implementations by version"}], "slug": "Archive/Firefox_OS/Firefox_OS_apps/Building_blocks", "review_tags": []}