{"id":374,"date":"2015-06-16T18:09:39","date_gmt":"2015-06-16T16:09:39","guid":{"rendered":"http:\/\/webposible.com\/xposible\/?p=374"},"modified":"2016-02-02T18:11:28","modified_gmt":"2016-02-02T16:11:28","slug":"el-css-grid-minimo-ungrid","status":"publish","type":"post","link":"http:\/\/webposible.com\/xposible\/2015\/el-css-grid-minimo-ungrid\/","title":{"rendered":"El CSS Grid m\u00ednimo: ungrid"},"content":{"rendered":"<p>Desde <a lang=\"en\" href=\"http:\/\/960.gs\/\" hreflang=\"en\">960 grid system<\/a> \u2013y su heredero <a lang=\"en\" href=\"http:\/\/unsemantic.com\/\" hreflang=\"en\">unsemantic<\/a>\u2013, hasta los actualmente populares <a lang=\"en\" href=\"http:\/\/getbootstrap.com\/\" hreflang=\"en\">bootstrap<\/a> y <a lang=\"en\" href=\"http:\/\/foundation.zurb.com\/\" hreflang=\"en\">foundation<\/a>, he visto, estudiado, y aprendido de multitud de <span lang=\"en\">frameworks<\/span> de <abbr lang=\"en\" title=\"Cascading Style Sheet\">CSS<\/abbr>, en ocasiones hasta convertirse en aut\u00e9nticos monstruos en caracter\u00edsticas y peso.<\/p>\n<p>Por eso, cuando me encontr\u00e9 hace unos d\u00edas <a lang=\"en\" href=\"http:\/\/chrisnager.github.io\/ungrid\/\" hreflang=\"en\">ungrid<\/a>, me qued\u00e9 m\u00e1s que sorprendido. Vale que ni siquiera es un <span lang=\"en\">framework<\/span>, que la rejilla que usa es muy b\u00e1sica, que por defecto las columnas tienen el mismo ancho (aunque obviamente se pueden a\u00f1adir m\u00e1s clases), que no tiene estilos para resetar o uniformizar estilos, que no tiene estilos para t\u00edtulos, formularios, tablas, que no ofrece un dise\u00f1o web adaptativo, que probablemente no funcione bien en alg\u00fan que otro navegador,&#8230; pero es que s\u00f3lo utiliza dos clases. Y apenas cuatro propiedades.<\/p>\n<p>Aqu\u00ed est\u00e1:<\/p>\n<pre><code>@media (min-width: 30em) {\r\n    .row {\r\n\t\twidth: 100%;\r\n\t\tdisplay: table;\r\n\t\ttable-layout: fixed;\r\n\t}\r\n    .col {\r\n\t\tdisplay: table-cell;\r\n\t}\r\n}<\/code><\/pre>\n<p>A m\u00ed, que valoro much\u00edsimo la ligereza del c\u00f3digo, me parece un hallazgo digno de menci\u00f3n.<\/p>\n<p>Por otro lado me entristece pensar la cantidad de esfuerzo en horas y dinero que ha supuesto no tener unas especificaciones y un soporte de los navegadores a la altura de las circunstancias. Pero claro, decirlo ahora no tiene mucho m\u00e9rito \ud83d\ude42<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Desde 960 grid system \u2013y su heredero unsemantic\u2013, hasta los actualmente populares bootstrap y foundation, he visto, estudiado, y aprendido de multitud de frameworks de CSS, en ocasiones hasta convertirse en aut\u00e9nticos monstruos en caracter\u00edsticas y peso. Por eso, cuando me encontr\u00e9 hace unos d\u00edas ungrid, me qued\u00e9 m\u00e1s que sorprendido. Vale que ni siquiera [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[32],"tags":[],"_links":{"self":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/374"}],"collection":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/comments?post=374"}],"version-history":[{"count":1,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/374\/revisions"}],"predecessor-version":[{"id":375,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/posts\/374\/revisions\/375"}],"wp:attachment":[{"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/media?parent=374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/categories?post=374"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/webposible.com\/xposible\/wp-json\/wp\/v2\/tags?post=374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}