{"id":505,"date":"2020-02-20T08:00:03","date_gmt":"2020-02-20T07:00:03","guid":{"rendered":"http:\/\/www.webposible.com\/blog\/?p=505"},"modified":"2020-02-20T10:33:08","modified_gmt":"2020-02-20T09:33:08","slug":"lista-de-componentes-de-un-sistema-de-diseno","status":"publish","type":"post","link":"http:\/\/www.webposible.com\/blog\/2020\/lista-de-componentes-de-un-sistema-de-diseno\/","title":{"rendered":"Lista de componentes de un sistema de dise\u00f1o"},"content":{"rendered":"<p>Mi primer <em>sistema de dise\u00f1o<\/em> no era m\u00e1s que una plantilla con una tabla: cabecera, subcabecera, un par de filas (estilos alternos mediante clases, nada de <code>odd<\/code> y <code>even<\/code>) y poco m\u00e1s.<\/p>\n<p>Era \u00fatil, pero siempre pensaba que era necesario <em>algo m\u00e1s<\/em>. Era un completo novato que estaba aprendiendo <abbr lang=\"en\" title=\"Hyper Text Markup Language\">HTML<\/abbr>, <abbr lang=\"en\" title=\"Cascading Style Sheet\">CSS<\/abbr> y accesibilidad con las especificaciones del <abbr lang=\"en\" title=\"World Wide Web Consortium\">W3C<\/abbr> traducidas por <a href=\"http:\/\/www.sidar.org\/\">Sidar<\/a> en los largos viajes en tren para ir al trabajo.<\/p>\n<p>Obviamente, en casi veinte a\u00f1os todo ha cambiado mucho, aunque para mi sorpresa, sigo haciendo b\u00e1sicamente el mismo trabajo aunque con m\u00e1s experiencia (y tal vez no la proporcional parte de conocimiento).<\/p>\n<p>He le\u00eddo con inter\u00e9s algunos buenos art\u00edculos sobre Sistemas de Dise\u00f1o (<em lang=\"en\">Design Systems<\/em>) que me han resultado \u00fatiles para conocer de qu\u00e9 se trataba, qu\u00e9 utilidad ten\u00edan y como crearlos e implementarlos. Para un proyecto, poco antes de empezar a sonar el t\u00e9rmino, empec\u00e9 lo que yo denomin\u00e9 <em>Gu\u00eda de estilos<\/em> que era en parte un sistema de dise\u00f1o con componentes reutilizables y algunos recursos extras que considero importantes (accesibilidad, legislaci\u00f3n, web m\u00f3vil, est\u00e1ndares, dise\u00f1o, etc\u00e9tera).<\/p>\n<p>Dejando de lado todo lo anterior, en <strong><a lang=\"en\" href=\"https:\/\/designsystemchecklist.com\/\" hreflang=\"en\">Design System Checklist<\/a><\/strong> podemos encontrar una larga lista de verificaci\u00f3n que puede servir para, a la hora de desarrollar un sistema de dise\u00f1o, que componentes podr\u00eda tener. Adem\u00e1s incluye enlaces con informaci\u00f3n contextual muy \u00fatil, por lo que no puedo dejar de recomendar el recurso.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mi primer sistema de dise\u00f1o no era m\u00e1s que una plantilla con una tabla: cabecera, subcabecera, un par de filas (estilos alternos mediante clases, nada de odd y even) y poco m\u00e1s. Era \u00fatil, pero siempre pensaba que era necesario algo m\u00e1s. Era un completo novato que estaba aprendiendo HTML, CSS y accesibilidad con las [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[32],"tags":[],"class_list":["post-505","post","type-post","status-publish","format-standard","hentry","category-diseno"],"_links":{"self":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/comments?post=505"}],"version-history":[{"count":1,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/505\/revisions"}],"predecessor-version":[{"id":506,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/posts\/505\/revisions\/506"}],"wp:attachment":[{"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/media?parent=505"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/categories?post=505"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.webposible.com\/blog\/wp-json\/wp\/v2\/tags?post=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}