{"json_modified": "2016-03-28T07:56:46.499843", "uuid": "344514b8-658e-4a3e-95d6-f592f06b8351", "title": "Responsive Web design", "url": "/en-US/docs/Archive/Responsive_Web_design", "tags": ["Mobile", "Responsive Design", "Web Development"], "translations": [{"uuid": "bd1c4c02-82e8-40ae-944f-77da0ca7b9a0", "title": "Dise\u00f1o web adaptable", "url": "/es/docs/Desarrollo_Web/Web_adaptable", "tags": [], "summary": "Con los usuarios de la web usando cada vez m\u00e1s dispositivos m\u00f3viles para navegar sitios web y aplicaciones, los dise\u00f1adores y desarrolladores web necesitan asegurarse que sus creaciones se vean y funcionen bien tanto en dispositivos m\u00f3viles como en equipos tradicionales de escritorio. El prominente dise\u00f1ador Luke Wroblewski recomienda dise\u00f1ar \"<a class=\"external\" href=\"https://www.lukew.com/ff/entry.asp?933\" title=\"https://www.lukew.com/ff/entry.asp?933\">primero para m\u00f3viles</a>\", en lugar de hacerlo como idea tard\u00eda al dise\u00f1o para escritorio. Ya sea que el dise\u00f1o para m\u00f3viles sea el objetivo primario o un bonito extra, puede usar el poder de CSS para asegurarse que el mismo contenido puede accederse a trav\u00e9s de todas las plataformas de hardware, desde tel\u00e9fonos m\u00f3viles a pantallas panor\u00e1micas de alta resoluci\u00f3n.", "localization_tags": [], "locale": "es", "last_edit": "2013-01-23T09:22:04", "review_tags": []}, {"uuid": "8d540a31-fafc-4df7-b452-af0faf6e56b5", "title": "Design web Responsive", "url": "/fr/docs/D%C3%A9veloppement_Web/Design_web_Responsive", "tags": ["Mobile", "Design responsive", "D\u00e9veloppement Web"], "summary": "<span id=\"result_box\" lang=\"fr\"><span class=\"hps\">Si vous soumettez</span> <span class=\"hps\">une application sur le marketplace de</span><span class=\"hps\"> Firefox</span> <span class=\"hps\">pour</span> <span class=\"hps\">Firefox</span> <span class=\"hps\">OS</span> <span class=\"hps\">ou</span> <span class=\"hps\">Firefox</span> <span class=\"hps\">pour Android</span><span>, elle doit</span> <span class=\"hps\">\u00eatre adaptable aux</span> <span class=\"hps\">tailles d'\u00e9cran</span> <span class=\"hps\">mobiles et</span> <span class=\"hps\">\u00e0 leur\u00a0</span><span class=\"hps\">densit\u00e9 en pixels</span><span>.</span> <span class=\"hps\">Gardez \u00e0 l'esprit</span> <span class=\"hps\">que les plus petits \u00e9crans</span> <span class=\"hps\">ne font que</span> <span class=\"hps\">320px</span> <span class=\"hps\">par</span> <span class=\"hps\">480px</span><span>.</span> <span class=\"hps\">Une autre</span> <span class=\"hps\">erreur courante est de</span> <span class=\"hps\">ne pas reconna\u00eetre</span> <span class=\"hps\">la densit\u00e9</span> <span class=\"hps\">de l'\u00e9cran et</span> <span class=\"hps\">puis</span> <span class=\"hps\">ne pas ajuster</span> <span class=\"hps\">la taille des polices</span> <span class=\"hps\">et des cibles</span> <span class=\"hps\">tactiles</span> <span class=\"hps\">en cons\u00e9quence.</span> <span class=\"hps atn\">Pour plus d'</span><span>informations, voir</span> <span class=\"hps\">les <a href=\"/fr/Marketplace/Submission/Marketplace_review_criteria\">crit\u00e8res d'examen du Marketplace</a></span><span>.</span></span>", "localization_tags": [], "locale": "fr", "last_edit": "2014-05-24T08:25:04", "review_tags": []}, {"uuid": "38d98b85-4997-4bfd-8451-90fd361f8898", "title": "\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 Web \u30c7\u30b6\u30a4\u30f3", "url": "/ja/docs/Web_Development/Responsive_Web_design", "tags": ["Mobile", "Responsive Design", "Web Development"], "summary": "Web \u306e\u5229\u7528\u8005\u304c Web \u30b5\u30a4\u30c8\u3084\u30a2\u30d7\u30ea\u306e\u5229\u7528\u3067\u307e\u3059\u307e\u3059\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u3092\u4f7f\u3046\u3088\u3046\u306b\u306a\u308b\u306e\u306b\u3064\u308c\u3066\u3001Web \u30c7\u30b6\u30a4\u30ca\u30fc\u3084\u958b\u767a\u8005\u306f\u81ea\u8eab\u306e\u5236\u4f5c\u7269\u304c\u5f93\u6765\u306e\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u30b3\u30f3\u30d4\u30e5\u30fc\u30bf\u3068\u540c\u69d8\u306b\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u3067\u3082\u898b\u6804\u3048\u3088\u304f\u3001\u307e\u305f\u826f\u597d\u306b\u52d5\u4f5c\u3059\u308b\u3088\u3046\u306b\u3057\u306a\u3051\u308c\u3070\u306a\u308a\u307e\u305b\u3093\u3002\u8457\u540d\u306a\u30c7\u30b6\u30a4\u30ca\u30fc\u3067\u3042\u308b Luke Wroblewski \u6c0f\u306f\u3001\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u5411\u3051\u30c7\u30b6\u30a4\u30f3\u306e\u5f8c\u4ed8\u3051\u3067\u306f\u306a\u304f \"<a class=\"external\" href=\"https://www.lukew.com/ff/entry.asp?933\" title=\"https://www.lukew.com/ff/entry.asp?933\">Mobile First</a>\" \u306a\u30c7\u30b6\u30a4\u30f3\u3092\u63d0\u5531\u3057\u3066\u3044\u307e\u3059\u3002\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u5411\u3051\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u7b2c\u4e00\u306e\u30bf\u30fc\u30b2\u30c3\u30c8\u3068\u3059\u308b\u304b\u89aa\u5207\u306a\u304a\u307e\u3051\u306b\u3059\u308b\u304b\u3001\u3044\u305a\u308c\u306b\u3057\u3066\u3082\u540c\u4e00\u306e\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u643a\u5e2f\u96fb\u8a71\u304b\u3089\u5927\u753b\u9762\u30fb\u9ad8\u89e3\u50cf\u5ea6\u306e\u30c7\u30a3\u30b9\u30d7\u30ec\u30a4\u307e\u3067\u3001\u3042\u3089\u3086\u308b\u30cf\u30fc\u30c9\u30a6\u30a7\u30a2\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u3067\u5229\u7528\u3067\u304d\u308b\u3088\u3046\u306b\u3059\u308b\u305f\u3081\u306b CSS \u306e\u529b\u3092\u6d3b\u7528\u3067\u304d\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2013-02-12T06:28:55", "review_tags": []}, {"uuid": "a8d5a9d6-b2e3-415c-ab94-3e504ac80bf9", "title": "Responsive Web design", "url": "/pl/docs/Programowanie_WWW/Responsive_Web_design", "tags": [], "summary": "With Web users increasingly using mobile devices to browse Web sites and apps, Web designers and developers need to be sure that their creations look as good and work as well on mobile devices as on traditional desktop computers. Prominent designer Luke Wroblewski advocates designing for \"<a class=\"external\" href=\"https://www.lukew.com/ff/entry.asp?933\" title=\"https://www.lukew.com/ff/entry.asp?933\">Mobile First</a>\", rather than as an afterthought to designing for desktops. Whether you design for mobile devices as a primary target or as a nice extra, you can use the power of CSS to ensure that the same content can be accessed across all hardware platforms, from mobile phones to wide-screen high-resolution displays.", "localization_tags": ["inprogress"], "locale": "pl", "last_edit": "2015-09-08T00:17:41", "review_tags": []}, {"uuid": "d0a15044-2ee4-428c-a0ae-c8e98cdfd007", "title": "Responsive Web design", "url": "/pt-BR/docs/desenvolvimento_web/Responsive_Web_design", "tags": [], "summary": "Com os usu\u00e1rios da Web usando cada vez mais dispositivos m\u00f3veis para navegar em sites da Web e aplicativos, Web designers e desenvolvedores precisam ter certeza de que suas cria\u00e7\u00f5es olhar t\u00e3o bom e funciona t\u00e3o bem em dispositivos m\u00f3veis como em computadores de mesa tradicionais. Proeminente designer de Luke Wroblewski defende cria\u00e7\u00e3o de \"<a class=\"external\" href=\"https://www.lukew.com/ff/entry.asp?933\" title=\"https://www.lukew.com/ff/entry.asp?933\">Mobile First</a>\", ao inv\u00e9s de como um adendo ao projeto para desktops. Se voc\u00ea design para dispositivos m\u00f3veis como alvo principal ou como um extra legal, voc\u00ea pode usar o poder do CSS para garantir que o mesmo conte\u00fado pode ser acessado em todas as plataformas de hardware, desde telefones celulares a telas de alta resolu\u00e7\u00e3o wide-screen.<br/>", "localization_tags": [], "locale": "pt-BR", "last_edit": "2013-07-06T07:25:12", "review_tags": []}, {"uuid": "ce5910ae-3fdf-454e-9266-621f108ea21a", "title": "\u54cd\u5e94\u5f0f Web \u8bbe\u8ba1", "url": "/zh-CN/docs/Web_Development/%E5%93%8D%E5%BA%94%E5%BC%8F_Web_%E8%AE%BE%E8%AE%A1", "tags": [], "summary": "\u968f\u7740\u8d8a\u6765\u8d8a\u591a\u7684\u7528\u6237\u4f7f\u7528\u79fb\u52a8\u8bbe\u5907\u6765\u6d4f\u89c8\u7f51\u7ad9\u548c\u5e94\u7528\uff0cWeb\u8bbe\u8ba1\u4eba\u5458\u548c\u5f00\u53d1\u4eba\u5458\u9700\u8981\u786e\u4fdd\u4ed6\u4eec\u7684\u4f5c\u54c1\u5728\u79fb\u52a8\u8bbe\u5907\u4e0a\u540c\u6837\u80fd\u6b63\u5e38\u8fd0\u4f5c\uff0c\u5e76\u4e14\u770b\u4e0a\u53bb\u548c\u5728\u4f20\u7edf\u53f0\u5f0f\u7535\u8111\u4e0a\u4e00\u6837\u597d\u3002\u00a0\u8457\u540d\u8bbe\u8ba1\u5e08 Luke Wroblewski \u4e3b\u5f20 \"<a class=\"external\" href=\"https://www.lukew.com/ff/entry.asp?933\" title=\"https://www.lukew.com/ff/entry.asp?933\">\u79fb\u52a8\u4f18\u5148</a>\" \u8bbe\u8ba1\u800c\u4e0d\u662f\u4e3a\u684c\u9762\u7aef\u8bbe\u8ba1\u5b8c\u4e4b\u540e\u518d\u8003\u8651\u79fb\u52a8\u7aef\u3002\u00a0\u65e0\u8bba\u60a8\u5c06\u79fb\u52a8\u8bbe\u5907\u4f5c\u4e3a\u4e3b\u8981\u76ee\u6807\u6765\u8bbe\u8ba1\u6216\u4f5c\u4e3a\u989d\u5916\u76ee\u6807\uff0c\u60a8\u90fd\u53ef\u4ee5\u501f\u52a9\u5f3a\u5927\u7684CSS\u6765\u4fdd\u8bc1\u540c\u6837\u7684\u5185\u5bb9\u4ece\u624b\u673a\u5230\u5bbd\u5c4f\u9ad8\u5206\u8fa8\u7387\u663e\u793a\u5668\u4e0a\uff0c\u5b9e\u73b0\u8de8\u5168\u90e8\u786c\u4ef6\u5e73\u53f0\u8bbf\u95ee\u548c\u9002\u5e94\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2014-04-02T10:45:10", "review_tags": []}], "modified": "2015-09-21T14:07:44", "label": "Responsive Web design", "localization_tags": [], "locale": "en-US", "id": 4742, "last_edit": "2015-05-01T00:11:09", "summary": "With Web users increasingly using mobile devices to browse Web sites and apps, Web designers and developers need to be sure that their creations look as good and work as well on mobile devices as on traditional desktop computers. Prominent designer Luke Wroblewski advocates designing for \"<a class=\"external\" href=\"https://www.lukew.com/ff/entry.asp?933\" title=\"https://www.lukew.com/ff/entry.asp?933\">Mobile First</a>\", rather than as an afterthought to designing for desktops. Whether you design for mobile devices as a primary target or as a nice extra, you can use the power of CSS to ensure that the same content can be accessed across all hardware platforms, from mobile phones to wide-screen high-resolution displays.", "sections": [{"id": "Minimum_requirements_for_Firefox_Marketplace", "title": "Minimum requirements for Firefox Marketplace"}, {"id": "Resources", "title": "Resources"}, {"id": "Overviews", "title": "Overviews"}, {"id": "Techniques", "title": "Techniques"}, {"id": "Tools", "title": "Tools"}, {"id": "Examples", "title": "Examples"}, {"id": "sect1", "title": "\u00a0"}], "slug": "Archive/Responsive_Web_design", "review_tags": []}