{"id":4653,"date":"2019-08-07T15:29:37","date_gmt":"2019-08-07T15:29:37","guid":{"rendered":"https:\/\/disenodepagina.com\/disenoweb\/?p=4653"},"modified":"2019-08-07T15:30:52","modified_gmt":"2019-08-07T15:30:52","slug":"diseno-web-en-guadalajara-responsive","status":"publish","type":"post","link":"https:\/\/disenodepagina.com\/disenoweb\/diseno-web-en-guadalajara-responsive\/","title":{"rendered":"Dise\u00f1o Web en Guadalajara Responsive"},"content":{"rendered":"<h1>Dise\u00f1o Web en Guadalajara Responsive<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-4557 size-medium\" src=\"https:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2019\/02\/Dise\u00f1o-web-SEO-en-Tlajomulco-de-Zu\u00f1iga-300x200.jpg\" alt=\"Dise\u00f1o Web en Guadalajara Responsive\" width=\"300\" height=\"200\" srcset=\"https:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2019\/02\/Dise\u00f1o-web-SEO-en-Tlajomulco-de-Zu\u00f1iga-300x200.jpg 300w, https:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2019\/02\/Dise\u00f1o-web-SEO-en-Tlajomulco-de-Zu\u00f1iga.jpg 480w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2>Dise\u00f1o Web Responsive<\/h2>\n<p><strong><em>Dise\u00f1o Web en Guadalajara Responsive<\/em><\/strong>: Quienes hemos estado creando sitios desde los comienzos de la web, estamos acostumbrados a que nuestras p\u00e1ginas sean \u201cr\u00edgidas\u00bb, es decir, de ancho fijo en pixeles. En los a\u00f1os 90, los monitores de 14 pulgadas con un ancho de pantalla de 640px eran los \u00fanicos que exist\u00edan, y ese era el tama\u00f1o que d\u00e1bamos a nuestros dise\u00f1os. No pens\u00e1bamos en otra opci\u00f3n. Simplemente defin\u00edamos tama\u00f1os en pixeles a todas nuestras columnas.<\/p>\n<p>Cerca del a\u00f1o 2000, surgi\u00f3 un segundo valor a considerar: 800px de ancho (ya exist\u00edan monitores de 15 y de 17 pulgadas). El problema era que, si defin\u00edamos el ancho total de nuestro sitio en 800px, a los usuarios de monitores de 640px de ancho que todav\u00eda quedaban, les aparec\u00eda una poco elegante y nada usable barra de desplazamiento horizontal. El sitio no entraba en la pantalla.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-4462\" src=\"https:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2018\/12\/DesarrolloWebImagen-300x293.png\" alt=\"Desarrollo web en Hidalgo\" width=\"300\" height=\"293\" srcset=\"https:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2018\/12\/DesarrolloWebImagen-300x293.png 300w, https:\/\/disenodepagina.com\/disenoweb\/wp-content\/uploads\/2018\/12\/DesarrolloWebImagen.png 536w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>Las busquedas de soluciones para ese escenario dividido en dos tama\u00f1os eran muy sencillas: hac\u00edamos un contenedor general de 640px de ancho y lo centr\u00e1bamos dejando una peque\u00f1a franja sin ocupar a ambos costados o bien hac\u00edamos un sitio con ancho definido en porcentajes, que se estiraba ligeramente entre ambas medidas.<\/p>\n<p>M\u00e1s cerca en el tiempo, alrededor del a\u00f1o 2005, la decisi\u00f3n a tomar era similar: segu\u00edan existiendo monitores de 800px (ya no quedaba ning\u00fan monitor de 640px de ancho), pero la resoluci\u00f3n mayoritaria pas\u00f3 a ser de 1024px. Entonces, o le d\u00e1bamos ancho l\u00edquido (en porcentajes) para que se estirara entre 800 y 1024px, o cre\u00e1bamos un contenedor de 800px centrado, sobrando unas peque\u00f1as franjas a los costados, y asunto resuelto.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dise\u00f1o Web en Guadalajara Responsive Dise\u00f1o Web Responsive Dise\u00f1o Web en Guadalajara Responsive: Quienes hemos estado creando sitios desde los comienzos de la web, estamos acostumbrados a que nuestras p\u00e1ginas sean \u201cr\u00edgidas\u00bb, es decir, de ancho fijo en pixeles. En los a\u00f1os 90, los monitores de 14 pulgadas con un ancho de pantalla de 640px [&#8230;]\n","protected":false},"author":2,"featured_media":4557,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[478,477,8],"tags":[384,596,19,766,13],"class_list":["post-4653","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desarrollo-web","category-diseno-de-pagina","category-diseno-web","tag-agencia-de-desarrollo-web","tag-agencia-de-desarrollo-web-en-guadalajara","tag-desarrollo-web","tag-diseno-responsive","tag-diseno-web-guadalajara"],"_links":{"self":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/4653","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/comments?post=4653"}],"version-history":[{"count":3,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/4653\/revisions"}],"predecessor-version":[{"id":4656,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/posts\/4653\/revisions\/4656"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/media\/4557"}],"wp:attachment":[{"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/media?parent=4653"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/categories?post=4653"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/disenodepagina.com\/disenoweb\/wp-json\/wp\/v2\/tags?post=4653"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}