{"json_modified": "2016-03-28T08:28:24.969900", "uuid": "a4585369-b2a5-4a8b-bb4c-c0a052d272b6", "title": "Graphic design for responsive sites", "url": "/en-US/docs/Web/Apps/Progressive/Responsive/Graphics_for_responsive_sites", "tags": ["SVG", "WebGL", "CSS", "Graphics", "JavaScript"], "translations": [{"uuid": "9e70477d-7092-4f37-98ad-1ea09928503a", "title": "Design graphique pour les sites responsive", "url": "/fr/docs/Web/Apps/Design/Design_graphique_pour_les_sites_responsiveGraphics_for_responsive_sites", "tags": [], "summary": "En 1996, beaucoup de personnes impliqu\u00e9es dans la construction du web auraient ri si vous leur aviez dit que moins de 20 ans plus tard, nous d\u00e9velopperions des sites fonctionnant aussi bien sur t\u00e9l\u00e9phones portables, tablettes, t\u00e9l\u00e9visions, et m\u00eame dans les voitures et g\u00e9rant l'\u00e9clairage domestique. Le contenu textuel n'est pas un probl\u00e8me dans la mesure o\u00f9 les blocs de texte sont \"responsive\" (redimensionnables) par d\u00e9faut, mais l'histoire se complique quand on commence \u00e0 inclure des contenus graphiques et des mises en page complexes - surtout quand ceux-ci doivent s'adapter \u00e0 diff\u00e9rents affichages ! C'est pourquoi nous avons inclu dans la doc une section compl\u00e8te pour chacun de ces sujets (la section sur laquelle vous \u00eates actuellement, et la section <a href=\"/en-US/docs/Web/Apps/app_layout\" title=\"/en-US/docs/Web/Apps/app_layout\">app layout</a>).", "localization_tags": ["inprogress"], "locale": "fr", "last_edit": "2014-08-23T06:13:18", "review_tags": []}], "modified": "2016-03-08T02:06:33", "label": "Graphic design for responsive sites", "localization_tags": [], "locale": "en-US", "id": 80321, "last_edit": "2016-03-08T02:06:27", "summary": "Textual content is not a problem, as text boxes are innately responsive, but the picture starts to get ugly when you start including graphics and complex layouts on your pages \u2014 especially when those graphics and layouts need to adapt to different displays! This is why we have included an entire docs section covering each of these topics (the one you are currently in, and <a href=\"/en-US/docs/Web/Apps/app_layout\" title=\"/en-US/docs/Web/Apps/app_layout\">app layout</a>.)", "sections": [{"id": "Serving_images_selectively_via_CSS", "title": "Serving images selectively via CSS"}, {"id": "Coping_with_different_resolutions", "title": "Coping with different resolutions"}, {"id": "Interactive_images", "title": "Interactive images"}], "slug": "Web/Apps/Progressive/Responsive/Graphics_for_responsive_sites", "review_tags": []}