{"id":3240,"date":"2014-05-22T12:33:25","date_gmt":"2014-05-22T10:33:25","guid":{"rendered":"http:\/\/mukom.mondragon.edu\/socialmedia\/?p=3240"},"modified":"2014-11-17T10:03:47","modified_gmt":"2014-11-17T09:03:47","slug":"diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi","status":"publish","type":"post","link":"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/","title":{"rendered":"Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel &#8211; Ricardo Prieto en WordPress Euskadi"},"content":{"rendered":"<p>Resumen en directo de la ponencia de Ricardo Prieto (<a title=\"Silo Creativo\" href=\"http:\/\/www.silocreativo.com\/\" target=\"_blank\">Silo Creativo<\/a>).<\/p>\n<p>Una de las claves para medir la eficacia de un dise\u00f1o web reside en la adaptabilidad del mismo. Adaptabilidad a dispositivos y adaptabilidad a usuarios. Ricardo Prieto nos muestra\u00a0c\u00f3mo trabajar desde WordPress una correcta experiencia de usuario bas\u00e1ndose en la metodolog\u00eda de trabajo mobile first y mediaqueries.<\/p>\n<p>Ventajas del mobile first:<\/p>\n<ul>\n<li>El dise\u00f1o se adapta a los dispositivos<\/li>\n<li>Mejora del uso de CPU, menos uso de bater\u00eda<\/li>\n<\/ul>\n<p>La mediaquery \u00f3ptima es la que se adapta al contenido \u00abContent first\u00bb , nuestro contenido debe adaptarse a los dispositivos. Se tiene que \u00a0hacer un uso correcto y eficiente de la gesti\u00f3n de im\u00e1genes para que la experiencia de usuario sea lo mejor posible. El estudio de tribilis.com mide cu\u00e1l es el porcentaje de peso que tienen las im\u00e1genes en nuestra web.<\/p>\n<p>Se debe definir seg\u00fan el contenido cu\u00e1l va a ser la anchura que va a tener la imagen. \u00a0\u00c9ste es el tratamiento de \u00a0im\u00e1genes que nos propone Ricardo Prieto: pasar la imagen a png8, trabajarla con smush.it para reducir la imagen y \u00a0utilizar el plugin photon para acelerar y editar las fotos que se alojan en\u00a0<em>\u00a0WordPress.com<\/em>. Recomienda la librer\u00eda fitvids.js \u00a0para insertar v\u00eddeos fluidos en la web.<\/p>\n<p>El tama\u00f1o de la tipograf\u00eda debe variar dependiendo del dispositivo. Un buen principio de UX es 50-60 caracteres por l\u00ednea, nos recomienda la librer\u00eda fitText para implementarlo.<\/p>\n<p>&nbsp;<\/p>\n<p>Este resumen se ha redactado en directo, la semana que viene se completar\u00e1 y se a\u00f1adir\u00e1 la presentaci\u00f3n utilizada por el ponente.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Resumen en directo de la ponencia de Ricardo Prieto (Silo Creativo). Una de las claves para medir la eficacia de un dise\u00f1o web reside en la adaptabilidad del mismo. Adaptabilidad a dispositivos y adaptabilidad a usuarios. Ricardo Prieto nos muestra\u00a0c\u00f3mo trabajar desde WordPress una correcta experiencia de usuario bas\u00e1ndose en la metodolog\u00eda de trabajo mobile first y mediaqueries. Ventajas del mobile first: El dise\u00f1o se adapta a los dispositivos Mejora del uso de CPU, menos uso de bater\u00eda La mediaquery \u00f3ptima es la que se adapta al contenido \u00abContent first\u00bb , nuestro contenido debe adaptarse a los dispositivos. Se tiene que \u00a0hacer un uso correcto y eficiente de la gesti\u00f3n de im\u00e1genes para que la experiencia de usuario sea lo mejor posible. El estudio de tribilis.com mide cu\u00e1l es el porcentaje de peso que tienen las im\u00e1genes en nuestra web&#8230;<\/p>\n","protected":false},"author":197,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[15,167],"tags":[],"series":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel - Ricardo Prieto en Wordpress Euskadi - SocialMedia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel - Ricardo Prieto en Wordpress Euskadi - SocialMedia\" \/>\n<meta property=\"og:description\" content=\"Resumen en directo de la ponencia de Ricardo Prieto (Silo Creativo). Una de las claves para medir la eficacia de un dise\u00f1o web reside en la adaptabilidad del mismo. Adaptabilidad a dispositivos y adaptabilidad a usuarios. Ricardo Prieto nos muestra\u00a0c\u00f3mo trabajar desde WordPress una correcta experiencia de usuario bas\u00e1ndose en la metodolog\u00eda de trabajo mobile first y mediaqueries. Ventajas del mobile first: El dise\u00f1o se adapta a los dispositivos Mejora del uso de CPU, menos uso de bater\u00eda La mediaquery \u00f3ptima es la que se adapta al contenido \u00abContent first\u00bb , nuestro contenido debe adaptarse a los dispositivos. Se tiene que \u00a0hacer un uso correcto y eficiente de la gesti\u00f3n de im\u00e1genes para que la experiencia de usuario sea lo mejor posible. El estudio de tribilis.com mide cu\u00e1l es el porcentaje de peso que tienen las im\u00e1genes en nuestra web...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/\" \/>\n<meta property=\"og:site_name\" content=\"SocialMedia\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-22T10:33:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-11-17T09:03:47+00:00\" \/>\n<meta name=\"author\" content=\"Ane Bilbao\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ane Bilbao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/\",\"url\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/\",\"name\":\"Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel - Ricardo Prieto en Wordpress Euskadi - SocialMedia\",\"isPartOf\":{\"@id\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/#website\"},\"datePublished\":\"2014-05-22T10:33:25+00:00\",\"dateModified\":\"2014-11-17T09:03:47+00:00\",\"author\":{\"@id\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/#\/schema\/person\/c60bc6f93e8a4db577084f47a0a1edb5\"},\"breadcrumb\":{\"@id\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel &#8211; Ricardo Prieto en WordPress Euskadi\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/#website\",\"url\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/\",\"name\":\"SocialMedia\",\"description\":\"El blog sobre Social Media de Mondragon Unibertsitatea\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/#\/schema\/person\/c60bc6f93e8a4db577084f47a0a1edb5\",\"name\":\"Ane Bilbao\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d17f376f8ae39221c3b7714b1b2a006?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d17f376f8ae39221c3b7714b1b2a006?s=96&d=mm&r=g\",\"caption\":\"Ane Bilbao\"},\"sameAs\":[\"https:\/\/twitter.com\/bilbitx\"],\"url\":\"https:\/\/mukom.mondragon.edu\/socialmedia\/author\/abilbaoc\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel - Ricardo Prieto en Wordpress Euskadi - SocialMedia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"es_ES","og_type":"article","og_title":"Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel - Ricardo Prieto en Wordpress Euskadi - SocialMedia","og_description":"Resumen en directo de la ponencia de Ricardo Prieto (Silo Creativo). Una de las claves para medir la eficacia de un dise\u00f1o web reside en la adaptabilidad del mismo. Adaptabilidad a dispositivos y adaptabilidad a usuarios. Ricardo Prieto nos muestra\u00a0c\u00f3mo trabajar desde WordPress una correcta experiencia de usuario bas\u00e1ndose en la metodolog\u00eda de trabajo mobile first y mediaqueries. Ventajas del mobile first: El dise\u00f1o se adapta a los dispositivos Mejora del uso de CPU, menos uso de bater\u00eda La mediaquery \u00f3ptima es la que se adapta al contenido \u00abContent first\u00bb , nuestro contenido debe adaptarse a los dispositivos. Se tiene que \u00a0hacer un uso correcto y eficiente de la gesti\u00f3n de im\u00e1genes para que la experiencia de usuario sea lo mejor posible. El estudio de tribilis.com mide cu\u00e1l es el porcentaje de peso que tienen las im\u00e1genes en nuestra web...","og_url":"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/","og_site_name":"SocialMedia","article_published_time":"2014-05-22T10:33:25+00:00","article_modified_time":"2014-11-17T09:03:47+00:00","author":"Ane Bilbao","twitter_misc":{"Escrito por":"Ane Bilbao","Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/","url":"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/","name":"Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel - Ricardo Prieto en Wordpress Euskadi - SocialMedia","isPartOf":{"@id":"https:\/\/mukom.mondragon.edu\/socialmedia\/#website"},"datePublished":"2014-05-22T10:33:25+00:00","dateModified":"2014-11-17T09:03:47+00:00","author":{"@id":"https:\/\/mukom.mondragon.edu\/socialmedia\/#\/schema\/person\/c60bc6f93e8a4db577084f47a0a1edb5"},"breadcrumb":{"@id":"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mukom.mondragon.edu\/socialmedia\/diseno-responsive-y-accesibilidad-con-wordpress-usuario-vs-pixel-ricardo-prieto-en-wordpress-euskadi\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mukom.mondragon.edu\/socialmedia\/"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o responsive y accesibilidad con WordPress: usuario vs pixel &#8211; Ricardo Prieto en WordPress Euskadi"}]},{"@type":"WebSite","@id":"https:\/\/mukom.mondragon.edu\/socialmedia\/#website","url":"https:\/\/mukom.mondragon.edu\/socialmedia\/","name":"SocialMedia","description":"El blog sobre Social Media de Mondragon Unibertsitatea","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mukom.mondragon.edu\/socialmedia\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/mukom.mondragon.edu\/socialmedia\/#\/schema\/person\/c60bc6f93e8a4db577084f47a0a1edb5","name":"Ane Bilbao","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mukom.mondragon.edu\/socialmedia\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d17f376f8ae39221c3b7714b1b2a006?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d17f376f8ae39221c3b7714b1b2a006?s=96&d=mm&r=g","caption":"Ane Bilbao"},"sameAs":["https:\/\/twitter.com\/bilbitx"],"url":"https:\/\/mukom.mondragon.edu\/socialmedia\/author\/abilbaoc\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/posts\/3240"}],"collection":[{"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/users\/197"}],"replies":[{"embeddable":true,"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/comments?post=3240"}],"version-history":[{"count":3,"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/posts\/3240\/revisions"}],"predecessor-version":[{"id":3256,"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/posts\/3240\/revisions\/3256"}],"wp:attachment":[{"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/media?parent=3240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/categories?post=3240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/tags?post=3240"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/mukom.mondragon.edu\/socialmedia\/wp-json\/wp\/v2\/series?post=3240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}