{"id":2653,"date":"2014-12-30T19:30:10","date_gmt":"2014-12-30T18:30:10","guid":{"rendered":"http:\/\/descartesjs.org\/documentacion\/?p=2653"},"modified":"2021-08-06T17:59:22","modified_gmt":"2021-08-06T16:59:22","slug":"escenas-adaptables-diseno-responsive","status":"publish","type":"post","link":"https:\/\/reddescartes.org\/documentacion\/escenas-adaptables-diseno-responsive\/","title":{"rendered":"Escenas adaptables &#8211; dise\u00f1o \u00abresponsive\u00bb"},"content":{"rendered":"<p style=\"text-align: justify;\">El dise\u00f1o web adaptable o adaptativo, conocido por las siglas RWD (del ingl\u00e9s, Responsive Web Design) es una filosof\u00eda de dise\u00f1o y desarrollo cuyo objetivo es adaptar la apariencia de las p\u00e1ginas web al dispositivo que se est\u00e9 utilizando para visualizarla. Hoy d\u00eda las p\u00e1ginas web se visualizan en multitud de tipos de dispositivos como tabletas, smartphones, libros electr\u00f3nicos, port\u00e1tiles, PCs,&#8230; Adem\u00e1s, a\u00fan dentro de cada tipo, cada dispositivo tiene sus caracter\u00edsticas concretas: Tama\u00f1o de pantalla, resoluci\u00f3n, potencia de CPU, capacidad de memoria,&#8230; Esta tecnolog\u00eda pretende que con un solo dise\u00f1o web, tengamos una visualizaci\u00f3n adecuada en cualquier dispositivo (Wikipedia).<\/p>\n<p style=\"text-align: justify;\">Dise\u00f1ar una escena de Descartes adaptable, posibilita que \u00e9sta se pueda incrustar con cualquier tama\u00f1o, sin que se pierdan sus propiedades. La siguiente escena tiene un tama\u00f1o original de 790&#215;500 p\u00edxeles, al ser adaptativa permite que la incrustemos o la embebamos en la columna izquierda de este blog:<\/p>\n<p><iframe class=\"iframe-class\" src=\"https:\/\/descartesjs.org\/repositorio\/escena_responsiva\/\" width=\"100%\" height=\"480\" frameborder=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<p>El procedimiento para lograr esta adaptabilidad se puede consultar en el v\u00eddeo que se encuentra al\u00a0final de este\u00a0apartado. Por otra parte, los dos ejemplos (el del v\u00eddeo y la escena de este apartado), se pueden descargar en los siguientes enlaces:<\/p>\n<p><a href=\"https:\/\/descartesjs.org\/repositorio\/escena_responsiva.zip\">Ejemplo 1<\/a><\/p>\n<p><a href=\"https:\/\/descartesjs.org\/repositorio\/adaptable.zip\">Ejemplo 2<\/a><\/p>\n<p><iframe src=\"https:\/\/www.youtube.com\/embed\/oQ2bXFFbJd0\" width=\"100%\" height=\"520\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El dise\u00f1o web adaptable o adaptativo, conocido por las siglas RWD (del ingl\u00e9s, Responsive Web Design) es una filosof\u00eda de dise\u00f1o y desarrollo cuyo objetivo es adaptar la apariencia de las p\u00e1ginas web al dispositivo que se est\u00e9 utilizando para visualizarla. Hoy d\u00eda las p\u00e1ginas web se visualizan en multitud de tipos de dispositivos como tabletas, smartphones, libros electr\u00f3nicos, port\u00e1tiles, PCs,&#8230; Adem\u00e1s, a\u00fan dentro de cada tipo, cada dispositivo tiene sus caracter\u00edsticas concretas: Tama\u00f1o de pantalla, resoluci\u00f3n, potencia de CPU, capacidad de memoria,&#8230; Esta tecnolog\u00eda pretende que con un solo dise\u00f1o web, tengamos una visualizaci\u00f3n adecuada en cualquier dispositivo (Wikipedia).<\/p>\n<a class=\"more-link\" rel=\"nofollow\" href=\"https:\/\/reddescartes.org\/documentacion\/escenas-adaptables-diseno-responsive\/\">[Leer m\u00e1s...]<\/a>","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[22,89],"tags":[99,102,100,101],"_links":{"self":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2653"}],"collection":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/comments?post=2653"}],"version-history":[{"count":11,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2653\/revisions"}],"predecessor-version":[{"id":3408,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/posts\/2653\/revisions\/3408"}],"wp:attachment":[{"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/media?parent=2653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/categories?post=2653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/reddescartes.org\/documentacion\/wp-json\/wp\/v2\/tags?post=2653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}