{"json_modified": "2015-02-16T03:43:03.634295", "slug": "Web/Apps/app_layout/responsive_design_building_blocks", "tags": ["aplicaciones", "CSS3", "moviles", "HTML5", "dise\u00f1o de respuesta"], "locale": "es", "title": "Los componentes b\u00e1sicos del dise\u00f1o adaptable", "translations": [{"title": "The building blocks of responsive design", "url": "/en-US/Apps/Design/UI_layout_basics/responsive_design_building_blocks", "tags": ["Mobile", "CSS3", "Responsive Design", "Apps", "HTML5"], "summary": "", "localization_tags": [], "locale": "en-US", "last_edit": "2014-11-28T14:32:04", "review_tags": []}, {"title": "The building blocks of responsive design", "url": "/fr/Apps/app_layout/responsive_design_building_blocks", "tags": [], "summary": "", "localization_tags": ["inprogress"], "locale": "fr", "last_edit": "2014-12-17T16:23:17", "review_tags": []}, {"title": "\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u30c7\u30b6\u30a4\u30f3\u306e\u30d6\u30ed\u30c3\u30af\u306e\u4f5c\u308a\u65b9", "url": "/ja/Apps/app_layout/responsive_design_building_blocks", "tags": [], "summary": "", "localization_tags": ["inprogress"], "locale": "ja", "last_edit": "2014-12-17T16:20:29", "review_tags": []}, {"title": "\u54cd\u5e94\u5f0f\u8bbe\u8ba1\u5165\u95e8", "url": "/zh-CN/Apps/Design/UI_layout_basics/%E5%93%8D%E5%BA%94%E5%BC%8F%E8%AE%BE%E8%AE%A1%E5%85%A5%E9%97%A8", "tags": [], "summary": "", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2014-12-17T16:19:21", "review_tags": []}, {"title": "The building blocks of responsive design", "url": "/zh-TW/Apps/Design/UI_layout_basics/responsive_design_building_blocks", "tags": [], "summary": "", "localization_tags": ["inprogress"], "locale": "zh-TW", "last_edit": "2015-01-13T01:35:39", "review_tags": []}], "modified": "2015-02-16T03:43:02", "label": "Los componentes b\u00e1sicos del dise\u00f1o adaptable", "localization_tags": ["inprogress"], "url": "/es/docs/Web/Apps/app_layout/responsive_design_building_blocks", "last_edit": "2015-02-16T03:42:58", "summary": "Para los desarrolladores Web, es muy com\u00fan que se les pida\u00a0crear \u00a0un sitio web o aplicaci\u00f3n que cambie su interfaz dependiendo del navegador o del dispositivo que accede al sitio para proporcionar una experiencia optimizada. Una posibilidad es crear diferentes versiones de un sitio / aplicaci\u00f3n para diferentes plataformas o navegadores y as\u00ed\u00a0servirlos apropiadamende despu\u00e9s de detectar qu\u00e9 navegador o plataforma est\u00e1 mirando su sitio.\u00a0Pero esto es cada vez m\u00e1s ineficiente:\u00a0el \"escaneo del navegador\" es inherentemente propenso a errores, y mantener m\u00faltiples copias de su\u00a0c\u00f3digo puede llegar a ser una pesadilla.", "sections": [{"id": "AQUI!!!Dise.C3.B1os_de_cuadricula", "title": "AQUI!!!Dise\u00f1os de cuadricula"}, {"id": "Medici.C3.B3n_de_bordes_de_caja", "title": "Medici\u00f3n de bordes de caja"}, {"id": "Elementos_reemplazados_flexibles", "title": "Elementos reemplazados flexibles"}, {"id": "Consultas_multimedia", "title": "Consultas multimedia"}, {"id": "Dise.C3.B1o_de_escritorio_t.C3.ADpico", "title": "Dise\u00f1o de escritorio t\u00edpico"}, {"id": "Dise.C3.B1o_de_media_anchura", "title": "Dise\u00f1o de media anchura"}, {"id": "Dise.C3.B1o_de_pantalla_estrecha.2Fm.C3.B3vil", "title": "Dise\u00f1o de pantalla estrecha/m\u00f3vil"}, {"id": "Really_wide_screens", "title": "Really wide screens"}, {"id": "Orientation_fail", "title": "Orientation fail"}, {"id": "Viewport", "title": "Viewport"}, {"id": "Responsive_images.2Fvideo", "title": "Responsive images/video"}, {"id": "CSS_background_images", "title": "CSS background images"}, {"id": "