{"id":5461,"date":"2014-06-16T16:33:06","date_gmt":"2014-06-16T14:33:06","guid":{"rendered":"https:\/\/meisi.es\/diseno\/\/?p=5461"},"modified":"2016-11-29T13:36:51","modified_gmt":"2016-11-29T12:36:51","slug":"responsive","status":"publish","type":"post","link":"https:\/\/meisi.es\/diseno\/responsive\/","title":{"rendered":"\u00bfDebe ser responsive tu web?"},"content":{"rendered":"

\"RESPONSIVE\"
\n 
\n 
\nYa pasaron las semanas de creaci\u00f3n de mis cursos de dise\u00f1o y \u00a1ya est\u00e1 la primera edici\u00f3n rodando! Es incre\u00edble. Un d\u00eda lo piensas y te decides y otro ya est\u00e1 hecho. En medio, adem\u00e1s del gran curro, mucha investigaci\u00f3n y mucho preguntarme si lo que estoy haciendo tendr\u00e1 el enfoque m\u00e1s adecuado, el que m\u00e1s refleja mi punto de vista. Casi es lo que m\u00e1s me importa. Quiero ense\u00f1ar dise\u00f1o tal y como yo lo veo, tal y como yo lo experimento. Ese es mi primer mandamiento.<\/p>\n

Mini edici\u00f3n en junio<\/p>\n

La pr\u00f3xima edici\u00f3n de mis cursos de dise\u00f1o ser\u00e1 en Navidad, pero mientras tanto los rezagados de la primera edici\u00f3n ya se pueden apuntar durante el mes de Junio a una edici\u00f3n extra.\u00bfD\u00f3nde? en este enlace a mis cursos<\/a><\/p>\n

Qu\u00e9 estoy haciendo ahora<\/p>\n

Pues ahora quiero hacer algo que me viene interesando hace tiempo: crear una plantilla para dise\u00f1o de web + blog. \u00daltimamente estoy bastante obsesionada con un tipo de plantilla llamado Showit que tiene un panel de control totalmente intuitivo, los cambios se hacen sobre el propio dise\u00f1o. Es decir que si la plantilla tiene un hueco para un slide de fotos no hay mas que arrastrar las fotos dentro o cambiar el tipo de texto edit\u00e1ndolo, pero no desde un editor, sino desde el propio dise\u00f1o. Mola, \u00bfverdad?.<\/p>\n

Entonces la personalizaci\u00f3n de esa plantilla ser\u00eda muy f\u00e1cil. A\u00fan no tengo claro si hacerla gen\u00e9rica o para fotografos. No quiero tardar mucho en sacarla, seguir\u00e9 inform\u00e1ndote.<\/p>\n

\u00bfEs el dise\u00f1o responsive una opci\u00f3n?<\/p>\n

Estos d\u00edas post-cursos estoy ajustando el trabajo del estudio con Lourdes, mi nueva mano derecha. <\/p>\n

El otro d\u00eda tuvimos una conversaci\u00f3n que me gustar\u00eda contaros. Habl\u00e1bamos de c\u00f3mo enfocar el dise\u00f1o responsive para la web de una clienta. O lo que es lo mismo, hacer la versi\u00f3n m\u00f3vil y tablet.
\nLe d\u00e1bamos vueltas a las posibilidades que tenemos. <\/p>\n

1. Por un lado hay plantillas que traen una opcion m\u00f3vil que reordena las zonas del blog cuando la vemos en m\u00f3vil: es decir que la columna lateral del blog pasa al pie, el men\u00fa se pone encima de la cabecera etc. Adem\u00e1s el texto se redimensiona para hacerlo legible en tama\u00f1os peque\u00f1os. Todo ello seg\u00fan la disposici\u00f3n que haya decidido el creador de la plantilla. Esto es responsive.<\/em><\/p>\n

2. Hay plantillas como las de Showit, como esta de Myntd<\/a> que se redimensionan perfectamente cuando estiras la ventana del navegador. Da gusto ver c\u00f3mo sucede. Sin embargo en la versi\u00f3n m\u00f3vil sigue siendo el mismo dise\u00f1o reducido adaptado al tama\u00f1o de pantalla. Esto es adaptative<\/em>.<\/p>\n

3. Y hay plantillas como Prophoto que tienen una versi\u00f3n m\u00f3vil, pero que no es responsive. Simplifican mucho los contenidos y los reducen a un esquema diferente y fijo. A un dise\u00f1o de una \u00fanica y cierta manera.<\/p>\n

Cuando hago un dise\u00f1o a medida con una plantilla como Prophoto, la personalizo tanto, toco tantas cosas con el CSS que luego la versi\u00f3n de m\u00f3vil es diferente como cielo y tierra. Demasiado salto est\u00e9tico. As\u00ed que prefiero no activar esta versi\u00f3n.
\nO si es una plantilla con opci\u00f3n responsive, las modificaciones de CSS que hago impiden que se muestre como el dise\u00f1ador de la plantilla design\u00f3. Si toco sus estilos ya no funciona bien.<\/p>\n

Total: que no lo ve\u00edamos claro. Sin embargo pensando que mis dise\u00f1os web y blog en general est\u00e1n destinados a lucir bien como dise\u00f1o especial y \u00fanico en un ordenador, no tiene sentido crear una opcion movil funcional y practica. Son dise\u00f1os que est\u00e1n hechos para verse en grande. En el m\u00f3vil, o bien amplias la imagen o bien activas la opcion \u201clectura\u201d del navegador que te muestra una pantalla superpuesta donde aparece solo el texto y las im\u00e1genes. No estoy hablando de webs en las que se pueda comprar o eminentemente pr\u00e1cticas como la versi\u00f3n web de un banco por ejemplo, donde est\u00e1 m\u00e1s que justificado y es necesaria la versi\u00f3n m\u00f3vil.<\/p>\n

El hecho real es que si tengo una web hecha para ser disfrutada en grande no hay ningun sistema que reduzca ese dise\u00f1o arm\u00f3nicamente. Bueno s\u00ed lo hay, pero me apuesto lo que sea a que nadie la quiere. Dise\u00f1ar la versi\u00f3n m\u00f3vil aparte, o lo que es lo mismo, pagar otro dise\u00f1o.
\nAs\u00ed que es importante antes de comenzar con el dise\u00f1o de nuestra web tener claro que responsive no es una varita m\u00e1gica que le incorporamos a un dise\u00f1o gr\u00e1fico muy trabajado. <\/p>\n

Que nuestra web con un dise\u00f1o muy currado no va a tener versi\u00f3n responsive.<\/p>\n

Que si queremos que tenga versi\u00f3n responsive hay que trabajar el dise\u00f1o desde otro punto de vista mucho m\u00e1s funcional y menos est\u00e9tico.<\/p>\n

\u00bfSe te hab\u00eda ocurrido pensar en esto? Si te est\u00e1s dise\u00f1ando tu propia web espero que esta reflexi\u00f3n te resulte \u00fatil.<\/p>\n","protected":false},"excerpt":{"rendered":"

    Ya pasaron las semanas de creaci\u00f3n de mis cursos de dise\u00f1o y \u00a1ya est\u00e1 la primera edici\u00f3n rodando! Es incre\u00edble. Un d\u00eda lo piensas y te decides y otro ya est\u00e1 hecho. En medio, adem\u00e1s del gran curro, mucha investigaci\u00f3n y mucho preguntarme…<\/p>\n","protected":false},"author":2,"featured_media":5470,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[67],"tags":[93,122],"class_list":["post-5461","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cuida-tu-blog","tag-cursos-online","tag-responsive"],"yoast_head":"\n\u00bfDebe ser responsive tu web? - Meisi<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/meisi.es\/diseno\/responsive\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfDebe ser responsive tu web? - Meisi\" \/>\n<meta property=\"og:description\" content=\"    Ya pasaron las semanas de creaci\u00f3n de mis cursos de dise\u00f1o y \u00a1ya est\u00e1 la primera edici\u00f3n rodando! Es incre\u00edble. Un d\u00eda lo piensas y te decides y otro ya est\u00e1 hecho. En medio, adem\u00e1s del gran curro, mucha investigaci\u00f3n y mucho preguntarme...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/meisi.es\/diseno\/responsive\/\" \/>\n<meta property=\"og:site_name\" content=\"Meisi\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/MeisiEstudio\" \/>\n<meta property=\"article:published_time\" content=\"2014-06-16T14:33:06+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-11-29T12:36:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2014\/06\/RENSPONSIVE2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"762\" \/>\n\t<meta property=\"og:image:height\" content=\"507\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Meisi\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Meisi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/meisi.es\/diseno\/responsive\/\",\"url\":\"https:\/\/meisi.es\/diseno\/responsive\/\",\"name\":\"\u00bfDebe ser responsive tu web? - Meisi\",\"isPartOf\":{\"@id\":\"https:\/\/meisi.es\/diseno\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/meisi.es\/diseno\/responsive\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/meisi.es\/diseno\/responsive\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2014\/06\/RENSPONSIVE2.png\",\"datePublished\":\"2014-06-16T14:33:06+00:00\",\"dateModified\":\"2016-11-29T12:36:51+00:00\",\"author\":{\"@id\":\"https:\/\/meisi.es\/diseno\/#\/schema\/person\/f5a5285c29c1bf85b99d8b0cd8c8b3b6\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/meisi.es\/diseno\/responsive\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/meisi.es\/diseno\/responsive\/#primaryimage\",\"url\":\"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2014\/06\/RENSPONSIVE2.png\",\"contentUrl\":\"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2014\/06\/RENSPONSIVE2.png\",\"width\":762,\"height\":507,\"caption\":\"RESPONSIVE\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/meisi.es\/diseno\/#website\",\"url\":\"https:\/\/meisi.es\/diseno\/\",\"name\":\"Meisi\",\"description\":\"Recursos de dise\u00f1o para bloggers\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/meisi.es\/diseno\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/meisi.es\/diseno\/#\/schema\/person\/f5a5285c29c1bf85b99d8b0cd8c8b3b6\",\"name\":\"Meisi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/meisi.es\/diseno\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ac5b77047f841213d7ea89d0d50e915749e147021d328c0a4110f1d8f8039e3d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ac5b77047f841213d7ea89d0d50e915749e147021d328c0a4110f1d8f8039e3d?s=96&d=mm&r=g\",\"caption\":\"Meisi\"},\"sameAs\":[\"https:\/\/meisi.es\/diseno\/\",\"https:\/\/www.facebook.com\/MeisiEstudio\",\"https:\/\/x.com\/Meisitweets\"],\"url\":\"https:\/\/meisi.es\/diseno\/author\/meisi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u00bfDebe ser responsive tu web? - Meisi","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/meisi.es\/diseno\/responsive\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfDebe ser responsive tu web? - Meisi","og_description":"    Ya pasaron las semanas de creaci\u00f3n de mis cursos de dise\u00f1o y \u00a1ya est\u00e1 la primera edici\u00f3n rodando! Es incre\u00edble. Un d\u00eda lo piensas y te decides y otro ya est\u00e1 hecho. En medio, adem\u00e1s del gran curro, mucha investigaci\u00f3n y mucho preguntarme...","og_url":"https:\/\/meisi.es\/diseno\/responsive\/","og_site_name":"Meisi","article_author":"https:\/\/www.facebook.com\/MeisiEstudio","article_published_time":"2014-06-16T14:33:06+00:00","article_modified_time":"2016-11-29T12:36:51+00:00","og_image":[{"width":762,"height":507,"url":"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2014\/06\/RENSPONSIVE2.png","type":"image\/png"}],"author":"Meisi","twitter_misc":{"Escrito por":"Meisi","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/meisi.es\/diseno\/responsive\/","url":"https:\/\/meisi.es\/diseno\/responsive\/","name":"\u00bfDebe ser responsive tu web? - Meisi","isPartOf":{"@id":"https:\/\/meisi.es\/diseno\/#website"},"primaryImageOfPage":{"@id":"https:\/\/meisi.es\/diseno\/responsive\/#primaryimage"},"image":{"@id":"https:\/\/meisi.es\/diseno\/responsive\/#primaryimage"},"thumbnailUrl":"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2014\/06\/RENSPONSIVE2.png","datePublished":"2014-06-16T14:33:06+00:00","dateModified":"2016-11-29T12:36:51+00:00","author":{"@id":"https:\/\/meisi.es\/diseno\/#\/schema\/person\/f5a5285c29c1bf85b99d8b0cd8c8b3b6"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/meisi.es\/diseno\/responsive\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/meisi.es\/diseno\/responsive\/#primaryimage","url":"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2014\/06\/RENSPONSIVE2.png","contentUrl":"https:\/\/meisi.es\/diseno\/wp-content\/uploads\/2014\/06\/RENSPONSIVE2.png","width":762,"height":507,"caption":"RESPONSIVE"},{"@type":"WebSite","@id":"https:\/\/meisi.es\/diseno\/#website","url":"https:\/\/meisi.es\/diseno\/","name":"Meisi","description":"Recursos de dise\u00f1o para bloggers","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/meisi.es\/diseno\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/meisi.es\/diseno\/#\/schema\/person\/f5a5285c29c1bf85b99d8b0cd8c8b3b6","name":"Meisi","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/meisi.es\/diseno\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ac5b77047f841213d7ea89d0d50e915749e147021d328c0a4110f1d8f8039e3d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ac5b77047f841213d7ea89d0d50e915749e147021d328c0a4110f1d8f8039e3d?s=96&d=mm&r=g","caption":"Meisi"},"sameAs":["https:\/\/meisi.es\/diseno\/","https:\/\/www.facebook.com\/MeisiEstudio","https:\/\/x.com\/Meisitweets"],"url":"https:\/\/meisi.es\/diseno\/author\/meisi\/"}]}},"_links":{"self":[{"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/posts\/5461","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/comments?post=5461"}],"version-history":[{"count":5,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/posts\/5461\/revisions"}],"predecessor-version":[{"id":6084,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/posts\/5461\/revisions\/6084"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/media\/5470"}],"wp:attachment":[{"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/media?parent=5461"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/categories?post=5461"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meisi.es\/diseno\/wp-json\/wp\/v2\/tags?post=5461"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}