{"id":207,"date":"2014-05-06T17:44:41","date_gmt":"2014-05-06T22:44:41","guid":{"rendered":"http:\/\/itsoftware.com.co\/content\/?p=207"},"modified":"2020-11-19T14:57:42","modified_gmt":"2020-11-19T19:57:42","slug":"diseno-web-responsive","status":"publish","type":"post","link":"https:\/\/itsoftware.com.co\/content\/diseno-web-responsive\/","title":{"rendered":"Dise\u00f1o web responsive para distintos tama\u00f1os de pantalla"},"content":{"rendered":"

Es una realidad que hoy en d\u00eda los equipos m\u00f3viles han llegado para quedarse para mantenernos en l\u00ednea y navegar por la red. Sin embargo, el dise\u00f1o y el mantenimiento de los sitios web se vuelve complejo, si queremos una p\u00e1gina agradable y legible tanto en navegadores de escritorio, como en celulares o en tablets.<\/p>\n

\"Pa\u0301ginas<\/a>
Pa\u0301ginas web responsive<\/figcaption><\/figure>\n

Se debe por tanto dedicar bastante esfuerzo para tener una versi\u00f3n de escritorio, y una versi\u00f3n para pantallas m\u00e1s peque\u00f1as; lo que implica doble trabajo, mayor tiempo y mayores costos para mantener un sitio web. Es ah\u00ed donde nace el dise\u00f1o web responsive.
\n
\nCon el prop\u00f3sito de manejar mejor esta situaci\u00f3n, se crearon las t\u00e9cnicas de dise\u00f1o web responsive design o adaptable, \u00e9stas permiten por medio de unas facilidades conocidas como media-queries presentes en las p\u00e1ginas de estilo o p\u00e1ginas css, manejar desde un mismo c\u00f3digo, el comportamiento de la p\u00e1gina cuando alguien nos visita desde una pantalla de alta resoluci\u00f3n, o desde una pantalla m\u00e1s peque\u00f1a como la de un smartphone.<\/p>\n

\"Dise\u00f1o<\/a>
Dise\u00f1o web responsive<\/figcaption><\/figure>\n

Por ejemplo, una p\u00e1gina web que en la versi\u00f3n de escritorio muestra 5 columnas, puede llegar a mostrar s\u00f3lo 3 cuando se ingresa desde un celular con sistema operativo Android.<\/p>\n

Una de las grandes ventajas con estas t\u00e9cnicas es que bajo un mismo c\u00f3digo, se unifican dise\u00f1os web funcionales y legibles desde cualquier equipo, reduciendo el tiempo de modificar por aparte los sitios de escritorio y su versi\u00f3n m\u00f3vil, con la consecuente reducci\u00f3n de costos de mantenimiento de nuestros sitios web.<\/p>\n

Los desarrollos web de ITSoftware SAS <\/a>ya poseen esta facilidad, para hacer m\u00e1s enriquecedora la experiencia de tus clientes desde cualquier dispositivo que se conecte, optimizando el dise\u00f1o y los costos del mantenimiento de tus sitios web. Ingresa a nuestro sitio web para que conozcas nuestra experiencia, nuestros dise\u00f1os y todo lo que podemos hacer por posicionar el sitio web de tu empresa.<\/p>\n

Si te gust\u00f3 este art\u00edculo, por favor no olvides compartirlo en las redes sociales. Thnks \ud83d\ude09<\/h3>\n","protected":false},"excerpt":{"rendered":"

Es una realidad que hoy en d\u00eda los equipos m\u00f3viles han llegado para quedarse para mantenernos en l\u00ednea y navegar por la red. Sin embargo, el dise\u00f1o y el mantenimiento de los[…]<\/p>\n","protected":false},"author":1,"featured_media":8580,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[280],"tags":[974,146,284,285,282,117,569,975],"class_list":["post-207","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web-2","tag-desarrollo-de-aplicaciones-moviles","tag-desarrollo-paginas-web","tag-diseno-adaptable-pantallas","tag-diseno-movil","tag-diseno-responsive","tag-diseno-web","tag-diseno-web-bogota","tag-empresas-de-diseno-web-bogota"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2014\/05\/paginas-web-responsive-494x560-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/207","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/comments?post=207"}],"version-history":[{"count":0,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/207\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media\/8580"}],"wp:attachment":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media?parent=207"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/categories?post=207"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/tags?post=207"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}