{"id":319,"date":"2006-11-23T09:04:47","date_gmt":"2006-11-23T08:04:47","guid":{"rendered":"http:\/\/www.webposible.com\/blog\/?p=319"},"modified":"2020-02-26T12:20:23","modified_gmt":"2020-02-26T11:20:23","slug":"hojas-de-estilos-y-dispositivos-monitores-pda-telefonos-moviles-smartphones-pda","status":"publish","type":"post","link":"http:\/\/www.webposible.com\/blog\/2006\/hojas-de-estilos-y-dispositivos-monitores-pda-telefonos-moviles-smartphones-pda\/","title":{"rendered":"Hojas de estilos, y dispositivos: monitores, PDA, tel\u00e9fonos m\u00f3viles, smartphones,\u2026"},"content":{"rendered":"<p>Leyendo el art\u00edculo <a href=\"https:\/\/www.staygolinks.com\/?page_id=66\">The Multi-Web Practice<\/a>, sobra la dificultad que existe en la pr\u00e1ctica del concepto de Web \u00fanica (para muchos dispositivos con muy diferentes caracter\u00edsticas), me encuentro al final una especie de propuesta para aumentar el n\u00famero de medios-hojas de estilos m\u00e1s all\u00e1 de screen y handheld que actualmente reconoce la especificaci\u00f3n de HTML 4.01 del a\u00f1o 1999 (ver <a title=\"Traducci\u00f3n de la especificaci\u00f3n de HTML 4.01 alojada en SIDAR\" href=\"http:\/\/www.sidar.org\/recur\/desdi\/traduc\/es\/html401-es\/types.html#type-media-descriptors\">Descriptores de medios<\/a>).<\/p>\n<p>Sus propuestas, son los siguientes:<\/p>\n<ul>\n<li>Monitores de alta resoluci\u00f3n (2048 pixels de ancho)<\/li>\n<li>Monitores \u00abnormales\u00bb (1024 pixels de ancho)<\/li>\n<li>PDA (480 pixels de ancho)<\/li>\n<li>Smart Phone (320 pixels de ancho)<\/li>\n<li>Tel\u00e9fonos m\u00f3viles (160 pixels de ancho)<\/li>\n<\/ul>\n<p>Tras unos segundos de \u00absesuda\u00bb reflexi\u00f3n, encuentro que puede tener mucha raz\u00f3n, aunque quiz\u00e1s aportar\u00eda alguna sugerencia con respecto al tama\u00f1o de algunos dispositivos.<\/p>\n<p>Hay que tener en cuenta que la especificaci\u00f3n de HTML tiene ya algunos a\u00f1os y aunque se intent\u00f3 anticipar a un previsible crecimiento de dispositivos peque\u00f1os conectados a internet (PDAs, tel\u00e9fonos m\u00f3viles, smart phones) la realidad ha demostrado ser m\u00e1s diversa de lo que se pudo predecir en su momento.<\/p>\n<p>Porque en dos \u00abpeque\u00f1os dispositivos\u00bb (tipo de medio handheld) te puedes encontrar con un tel\u00e9fono m\u00f3vil con una pantalla de 128&#215;128, o una PDA con una pantalla de 480 x 640. Evidentemente en el primer caso (tel\u00e9fono m\u00f3vil con una pantalla peque\u00f1a), s\u00f3lo te puedes plantear una disposici\u00f3n de la informaci\u00f3n vertical, colocando sucesivamente los bloques de informaci\u00f3n (por ejemplo, primero la cabecera, segundo el contenido, despu\u00e9s el men\u00fa y por \u00faltimo el pi\u00e9 de p\u00e1gina). En cambio para la PDA de gran resoluci\u00f3n (480 x 640), se podr\u00eda optar por un dise\u00f1o vertical-horizontal, donde te puedes plantear por ejemplo, colocar el men\u00fa en un lateral junto al contenido, ambos por debajo de la cabecera y por encima del pi\u00e9 de p\u00e1gina.<\/p>\n<p>Evidentemente todo esto se podr\u00eda optimizar desde el servidor y mostrando hojas de estilos optimizadas para cada tipo de pantalla, e incluso un navegador \u00abinteligente\u00bb podr\u00eda indicar al usuario las diferentes hojas de estilo que dispone para elegir la m\u00e1s adecuada (que puede ser el no usar ninguna).<\/p>\n<p>Un asunto complicado, me temo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Leyendo el art\u00edculo The Multi-Web Practice, sobra la dificultad que existe en la pr\u00e1ctica del concepto de Web \u00fanica (para muchos dispositivos con muy diferentes caracter\u00edsticas), me encuentro al final una especie de propuesta para aumentar el n\u00famero de medios-hojas de estilos m\u00e1s all\u00e1 de screen y handheld que actualmente reconoce la especificaci\u00f3n de HTML [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,7],"tags":[],"class_list":["post-319","post","type-post","status-publish","format-standard","hentry","category-css","category-web-en-moviles"],"_links":{"self":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/comments?post=319"}],"version-history":[{"count":2,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/319\/revisions"}],"predecessor-version":[{"id":1238,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/319\/revisions\/1238"}],"wp:attachment":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/media?parent=319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/categories?post=319"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/tags?post=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}