{"id":21088,"date":"2020-02-25T15:58:57","date_gmt":"2020-02-25T14:58:57","guid":{"rendered":"https:\/\/www.mtp.es\/?p=21088"},"modified":"2020-02-25T15:58:57","modified_gmt":"2020-02-25T14:58:57","slug":"frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp","status":"publish","type":"post","link":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/","title":{"rendered":"FrontFest 2020, un evento sobre desarrollo \u2018front-end\u2019 al que ha asistido MTP"},"content":{"rendered":"\n<p>Hace unos d\u00edas tuvo lugar en Madrid el evento <a href=\"https:\/\/frontfest.es\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (se abre en una nueva pesta\u00f1a)\"><strong>FrontFest 2020<\/strong><\/a>, reuni\u00f3n en la que el objetivo principal es el aprendizaje y puesta al d\u00eda sobre tendencias de <strong>desarrollo <em>front-end<\/em><\/strong>, as\u00ed como compartir experiencias entre los asistentes.<\/p>\n\n\n\n<p>El FrontFest 2020, uno de los encuentros m\u00e1s importantes del sector <em>front-end<\/em> en nuestro pa\u00eds, llegaba a su 4\u00aa edici\u00f3n -desgraciadamente puede que la \u00faltima-, y nos ofrec\u00eda una gran variedad de ponencias sobre las \u00faltimas tendencias en estas tecnolog\u00edas, buenas pr\u00e1cticas y como siempre, tambi\u00e9n varias relacionadas con una de las \u00e1reas de trabajo dentro del <strong><em>Digital Business Assurance<\/em><\/strong> que desarrollamos en <a href=\"https:\/\/mtp.global\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (se abre en una nueva pesta\u00f1a)\"><strong>MTP<\/strong><\/a>: UX\/UI. Las resumimos a continuaci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Arte generativo con CSS<\/strong><\/h3>\n\n\n\n<p>En esta charla, Sonia Ruiz &nbsp;ofreci\u00f3 una perspectiva distinta para la que\ntrabajar en <strong>CSS<\/strong>, crear patrones y\ndise\u00f1os aleatorios generados con c\u00f3digo bas\u00e1ndose en el <em>web component &lt;css-doodle\/&gt;<\/em>. <\/p>\n\n\n\n<p>Su \u2018utilidad\u2019 se aleja totalmente de lo profesional,\nsalvo para a\u00f1adir alguna de estas creaciones en portfolios o <em>landings<\/em> muy visuales o productos cuyo\nobjetivo sea evocar sensaciones puramente art\u00edsticas. En su intervenci\u00f3n\ntambi\u00e9n nos habl\u00f3 de Yuan Chuan, uno de los referentes en el uso del CSS\ngenerativo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Tipograf\u00edas para <em>front-ends<\/em><\/strong><\/h3>\n\n\n\n<p>La tipograf\u00eda es una parte fundamental del dise\u00f1o y,\nsin embargo, seguimos sac\u00e1ndole poco partido, ya que como nos cont\u00f3 Elena\nRam\u00edrez en su intervenci\u00f3n, hay infinidad de matices tipogr\u00e1ficos como el uso\nde fracciones, super\u00edndices, sub\u00edndices, ligaduras&#8230;posibilidades que vienen\nincluidas en los ficheros de las fuentes y que pocas veces hacemos uso de\nellos. <\/p>\n\n\n\n<p>Hizo menci\u00f3n a la <strong>tipograf\u00eda\nfluida<\/strong>, que var\u00eda su tama\u00f1o en funci\u00f3n del dispositivo de salida; y tambi\u00e9n\na los n\u00fameros tabulares que visualmente tienen funciones distintas a los\nn\u00fameros proporcionales. La importancia de los interlineados para que la\nlegibilidad de los textos de nuestras <em>apps<\/em>\ny <em>webs<\/em> sea correcta, as\u00ed como los\nanchos de p\u00e1rrafo, que tambi\u00e9n influyen en una buena legibilidad para que el\nusuario no se canse. <\/p>\n\n\n\n<p>Por \u00faltimo termin\u00f3 hablando de las <em>variable fonts<\/em>, fuentes cuyo fichero\ncontiene todos los pesos tipogr\u00e1ficos que se han dise\u00f1ado para ella, ahorrando\nas\u00ed en tama\u00f1o de archivo y que podemos variar de forma muy detallada y f\u00e1cil en\nCSS. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Welcome\u2026 to the dark side?<\/strong><\/h3>\n\n\n\n<p>La \u00faltima charla que tuvo relaci\u00f3n directa con el\ndise\u00f1o fue la de James Heda Weng, que nos introdujo en la moda del <strong><em>dark\npattern<\/em><\/strong> o el patr\u00f3n de dise\u00f1o oscuro, d\u00e1ndonos tips para dise\u00f1ar\ncorrectamente un producto con <em>dark mode<\/em>,\nsaber que tienen que tener nuestras <em>apps<\/em>\no <em>webs<\/em> para que convenga aplicarlo y\nalg\u00fan ejemplo de buena ejecuci\u00f3n, como la del calendario de iOS. Qued\u00f3 claro\nque con im\u00e1genes y gr\u00e1ficos funciona, pero no con texto, ya que el fondo blanco\ncon letras negras es mucho m\u00e1s legible que su lado opuesto. Tambi\u00e9n hay que\ntener en cuenta el resto de colores de la paleta que usemos ya que habr\u00e1 que\najustarlos a este modo, no vale con cambiar el blanco por el negro. Retocar\nim\u00e1genes para oscurecerlas lo suficiente y baja la velocidad de las animaciones\nson tambi\u00e9n tareas a tener en cuenta a la hora de pasarnos\u2026 al lado\noscuro.&nbsp; <\/p>\n\n\n\n<p>En definitiva, un gran evento con grandes ponencias donde seguir actualiz\u00e1ndote y aprendiendo con tus compa\u00f1eros sobre <strong><a rel=\"noreferrer noopener\" aria-label=\"experiencia de usuario (se abre en una nueva pesta\u00f1a)\" href=\"https:\/\/mtp.global\/es\/experiencia-usuario-ux\/\" target=\"_blank\">experiencia de usuario<\/a><\/strong> (<strong>UX<\/strong> &#8211; <strong><em>User eXperience<\/em><\/strong>). <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p> <strong>&nbsp;Jonathan Rueda<\/strong><\/p>\n\n\n\n<p>Analista de <a href=\"https:\/\/mtp.global\/es\/auditoria-accesibilidad\">Accesibilidad Web<\/a> y UX en MTP <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Recientemente se ha celebrado en Madrid el evento FrontFest, que re\u00fane a una comunidad de personas interesadas en desarrollo front-end. MTP no ha querido perd\u00e9rselo, para estar al tanto de las \u00faltimas tendencias en tecnolog\u00eda y buenas pr\u00e1cticas.<\/p>\n","protected":false},"author":9,"featured_media":21087,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[204],"tags":[143],"class_list":["post-21088","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archivo","tag-experiencia-de-usuario-ux"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FrontFest, un evento sobre desarrollo \u2018front-end\u2019 al que ha asistido MTP<\/title>\n<meta name=\"description\" content=\"Recientemente se ha celebrado el evento FrontFest, que re\u00fane a una comunidad de personas interesadas en desarrollo front-end y experiencia de usuario (UX).\" \/>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FrontFest, un evento sobre desarrollo \u2018front-end\u2019 al que ha asistido MTP\" \/>\n<meta property=\"og:description\" content=\"Recientemente se ha celebrado el evento FrontFest, que re\u00fane a una comunidad de personas interesadas en desarrollo front-end y experiencia de usuario (UX).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/\" \/>\n<meta property=\"og:site_name\" content=\"MTP Espa\u00f1a\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-25T14:58:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mtp.global\/es\/wp-content\/uploads\/2020\/02\/UX_MTP.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"MTP\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"MTP\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutos\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FrontFest, un evento sobre desarrollo \u2018front-end\u2019 al que ha asistido MTP","description":"Recientemente se ha celebrado el evento FrontFest, que re\u00fane a una comunidad de personas interesadas en desarrollo front-end y experiencia de usuario (UX).","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"es_ES","og_type":"article","og_title":"FrontFest, un evento sobre desarrollo \u2018front-end\u2019 al que ha asistido MTP","og_description":"Recientemente se ha celebrado el evento FrontFest, que re\u00fane a una comunidad de personas interesadas en desarrollo front-end y experiencia de usuario (UX).","og_url":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/","og_site_name":"MTP Espa\u00f1a","article_published_time":"2020-02-25T14:58:57+00:00","og_image":[{"width":1920,"height":1100,"url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2020\/02\/UX_MTP.jpg","type":"image\/jpeg"}],"author":"MTP","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"MTP","Tiempo de lectura":"3 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/#article","isPartOf":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/"},"author":{"name":"MTP","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813"},"headline":"FrontFest 2020, un evento sobre desarrollo \u2018front-end\u2019 al que ha asistido MTP","datePublished":"2020-02-25T14:58:57+00:00","mainEntityOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/"},"wordCount":621,"publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2020\/02\/UX_MTP.jpg","keywords":["Experiencia de Usuario UX"],"articleSection":["Archivo"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/","url":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/","name":"FrontFest, un evento sobre desarrollo \u2018front-end\u2019 al que ha asistido MTP","isPartOf":{"@id":"https:\/\/mtp.global\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/#primaryimage"},"image":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/#primaryimage"},"thumbnailUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2020\/02\/UX_MTP.jpg","datePublished":"2020-02-25T14:58:57+00:00","description":"Recientemente se ha celebrado el evento FrontFest, que re\u00fane a una comunidad de personas interesadas en desarrollo front-end y experiencia de usuario (UX).","breadcrumb":{"@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/#primaryimage","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2020\/02\/UX_MTP.jpg","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2020\/02\/UX_MTP.jpg","width":1920,"height":1100,"caption":"UX en MTP"},{"@type":"BreadcrumbList","@id":"https:\/\/mtp.global\/es\/blog\/archivo\/frontfest-2020-un-evento-sobre-desarrollo-front-end-al-que-ha-asistido-mtp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mtp.global\/es\/home\/"},{"@type":"ListItem","position":2,"name":"FrontFest 2020, un evento sobre desarrollo \u2018front-end\u2019 al que ha asistido MTP"}]},{"@type":"WebSite","@id":"https:\/\/mtp.global\/es\/#website","url":"https:\/\/mtp.global\/es\/","name":"MTP Global","description":"","publisher":{"@id":"https:\/\/mtp.global\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mtp.global\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/mtp.global\/es\/#organization","name":"MTP Global","url":"https:\/\/mtp.global\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/","url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","contentUrl":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2024\/07\/MTP-global.png","width":1200,"height":400,"caption":"MTP Global"},"image":{"@id":"https:\/\/mtp.global\/es\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/1186350db6f59e8360dd481150654813","name":"MTP","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/mtp.global\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9f80fcebb065607a1066a38846083841707346cf76ca0c1df24aea7a0c5d4047?s=96&d=mm&r=g","caption":"MTP"},"url":"https:\/\/mtp.global\/es\/blog\/author\/marketing\/"}]}},"fimg_url":"https:\/\/mtp.global\/es\/wp-content\/uploads\/2020\/02\/UX_MTP.jpg","_links":{"self":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/21088","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/comments?post=21088"}],"version-history":[{"count":0,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/posts\/21088\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media\/21087"}],"wp:attachment":[{"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/media?parent=21088"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/categories?post=21088"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mtp.global\/es\/wp-json\/wp\/v2\/tags?post=21088"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}