{"id":174,"date":"2013-04-04T07:40:28","date_gmt":"2013-04-04T05:40:28","guid":{"rendered":"https:\/\/www.analisissintactico.com\/blog\/?p=174"},"modified":"2013-04-03T14:47:48","modified_gmt":"2013-04-03T12:47:48","slug":"nueva-version-de-la-web","status":"publish","type":"post","link":"https:\/\/www.analisissintactico.com\/blog\/2013\/04\/nueva-version-de-la-web\/","title":{"rendered":"Nueva versi\u00f3n de la web"},"content":{"rendered":"<p>Cuando empezamos con el EdAS y vimos que hab\u00eda llegado el momento de darlo a conocer, creamos el portal An\u00e1lisis Sint\u00e1ctico desde cero y a contrarreloj.<\/p>\n<p>La web era simple, pero a pesar de ello presentaba deficiencias en la visualizaci\u00f3n en dispositivos m\u00f3viles y tabletas. Aunque el EdAS no funciona para estos dispositivos, el portal ofrece otro tipo de servicios como el repositorio de ejemplos y debe dar una buena bienvenida al usuario que lo invite a volver m\u00e1s tarde a la web. Lejos de conseguirlo, la visualizaci\u00f3n con un m\u00f3vil pod\u00eda ser perfectamente esta:<\/p>\n<figure id=\"attachment_177\" aria-describedby=\"caption-attachment-177\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/old.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-177 \" alt=\"P\u00e1gina antigua\" src=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/old-300x212.png\" width=\"300\" height=\"212\" srcset=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/old-300x212.png 300w, https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/old.png 440w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-177\" class=\"wp-caption-text\">Cabecera cortada y men\u00fa descuadrado<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<dl class=\"wp-caption aligncenter\" id=\"attachment_175\" style=\"width: 310px;\">\n<dt class=\"wp-caption-dt\"><a href=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/old2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-175\" alt=\"P\u00e1gina antigua 2\" src=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/old2-300x218.png\" width=\"300\" height=\"218\" srcset=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/old2-300x218.png 300w, https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/old2.png 450w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/dt>\n<dd class=\"wp-caption-dd\">V\u00eddeos y texto descolocados<\/dd>\n<\/dl>\n<p>Viendo esto, y con la nueva versi\u00f3n del EdAS m\u00e1s o menos cerrada, he dedicado tiempo a investigar sobre el <a title=\"Responsive design\" href=\"http:\/\/es.wikipedia.org\/wiki\/Dise%C3%B1o_web_adaptativo&amp;sig2=TADXpPjHRZnSIkIHytINcw&amp;bvm=bv.44697112,d.ZGU\" target=\"_blank\"><strong>responsive design<\/strong><\/a>, o lo que es lo mismo, el dise\u00f1o web adaptativo.<\/p>\n<p>Ayer publicamos una nueva versi\u00f3n de la web en la que hemos introducido estos conceptos. A\u00fan no es perfecta, pero es una mejora.\u00a0Entre los cambios introducidos:<\/p>\n<h3><strong>Cabecera y men\u00fa flexibles<br \/>\n<\/strong><\/h3>\n<p>Ahora la imagen de cabecera se ajusta al ancho del dispositivo y el men\u00fa si no tiene espacio suficiente para aparecer, se encapsula en un bot\u00f3n men\u00fa sobre el que al pulsar nos lo muestra en forma de desplegable.<\/p>\n<figure id=\"attachment_178\" aria-describedby=\"caption-attachment-178\" style=\"width: 271px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-178\" alt=\"Men\u00fa plegado versi\u00f3n m\u00f3vil\" src=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new2-271x300.png\" width=\"271\" height=\"300\" srcset=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new2-271x300.png 271w, https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new2.png 443w\" sizes=\"auto, (max-width: 271px) 100vw, 271px\" \/><\/a><figcaption id=\"caption-attachment-178\" class=\"wp-caption-text\">Men\u00fa plegado versi\u00f3n m\u00f3vil<\/figcaption><\/figure>\n<h3><strong>Links sociales<\/strong><\/h3>\n<p>Hemos incluido una botonera con los enlaces de Twitter, Facebook, Youtube y Feedburner con la esperanza de que el n\u00famero de seguidores aumente.<\/p>\n<figure id=\"attachment_179\" aria-describedby=\"caption-attachment-179\" style=\"width: 202px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-179\" alt=\"Links sociales\" src=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new1.png\" width=\"202\" height=\"48\" \/><\/a><figcaption id=\"caption-attachment-179\" class=\"wp-caption-text\">Links sociales<\/figcaption><\/figure>\n<h3><strong>Sustituci\u00f3n de las pesta\u00f1as con v\u00eddeos<br \/>\n<\/strong><\/h3>\n<p>En el fondo los 3 v\u00eddeos y el texto, aunque diferentes, ven\u00edan a decir lo mismo, as\u00ed que se ha dejado solamente uno y se ha extendido.<\/p>\n<h3><strong>Facebook comments y Like button<br \/>\n<\/strong><\/h3>\n<p>Antes del pie de p\u00e1gina hemos incluido la opci\u00f3n de a\u00f1adir comentarios de Facebook o hacer like a la p\u00e1gina.<\/p>\n<figure id=\"attachment_180\" aria-describedby=\"caption-attachment-180\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-180\" alt=\"Facebook Comments y Like\" src=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new3-300x133.png\" width=\"300\" height=\"133\" srcset=\"https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new3-300x133.png 300w, https:\/\/www.analisissintactico.com\/blog\/wp-content\/uploads\/2013\/04\/new3.png 572w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-180\" class=\"wp-caption-text\">Facebook Comments y Like<\/figcaption><\/figure>\n<p>Esperemos que os guste y esperamos vuestros comentarios.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cuando empezamos con el EdAS y vimos que hab\u00eda llegado el momento de darlo a conocer, creamos el portal An\u00e1lisis Sint\u00e1ctico desde cero y a contrarreloj. La web era simple, pero a pesar de ello presentaba deficiencias en la visualizaci\u00f3n en dispositivos m\u00f3viles y tabletas. Aunque el EdAS no funciona para estos dispositivos, el portal&hellip;&nbsp;<a href=\"https:\/\/www.analisissintactico.com\/blog\/2013\/04\/nueva-version-de-la-web\/\" rel=\"bookmark\">Leer m\u00e1s &raquo;<span class=\"screen-reader-text\">Nueva versi\u00f3n de la web<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":177,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[2],"tags":[29],"class_list":["post-174","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-nueva-version"],"_links":{"self":[{"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/posts\/174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/comments?post=174"}],"version-history":[{"count":0,"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/posts\/174\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/media\/177"}],"wp:attachment":[{"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/media?parent=174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/categories?post=174"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.analisissintactico.com\/blog\/wp-json\/wp\/v2\/tags?post=174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}