{"id":1083,"date":"2016-06-24T14:58:56","date_gmt":"2016-06-24T14:58:56","guid":{"rendered":"http:\/\/maquetando.com\/?p=1083"},"modified":"2016-06-24T15:02:04","modified_gmt":"2016-06-24T15:02:04","slug":"inspector-de-grid-css","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/inspector-de-grid-css\/","title":{"rendered":"Inspector de Grid CSS"},"content":{"rendered":"<p><a href=\"http:\/\/maquetando.com\/wp-content\/uploads\/2016\/06\/toolinaction.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1087\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2016\/06\/toolinaction.jpg\" alt=\"toolinaction\" width=\"500\" height=\"460\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2016\/06\/toolinaction.jpg 500w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2016\/06\/toolinaction-300x276.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>En un mundo dominado por frameworks CSS trabajar con GRID es una obligaci\u00f3n.<\/p>\n<p>Cuando nos encontrarnos depurando nuestra maquetaci\u00f3n muchas veces necesitamos conocer d\u00f3nde y cu\u00e1nto ocupa cada elemento de nuestra grid.<\/p>\n<p>Mozilla nos lo facilita con una extensi\u00f3n llamada\u00a0CSS GRID INSPECTOR \u00a0la cual nos muestra gr\u00e1ficamente en el navegador el dise\u00f1o de nuestra grid.<\/p>\n<p>Su instalaci\u00f3n requiere obvio Firefox y seguir los siguientes pasos:<\/p>\n<ol>\n<li>Abrir Firefox ( si usamos la versi\u00f3n <a href=\"https:\/\/nightly.mozilla.org\/\">Nightly<\/a>\u00a0es mejor)<\/li>\n<li>Descargamos el <a href=\"https:\/\/github.com\/mozilla\/css-grid-inspector\/releases\">archivo .xpi<\/a><\/li>\n<li>Aceptamos la instalaci\u00f3n<\/li>\n<li>Nos aparecer\u00e1 un nuevo icono del lado derecho del navegador.<\/li>\n<li>A disfrutar!<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>En un mundo dominado por frameworks CSS trabajar con GRID es una obligaci\u00f3n. Cuando nos&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1087,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1083"}],"collection":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/comments?post=1083"}],"version-history":[{"count":4,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1083\/revisions"}],"predecessor-version":[{"id":1088,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1083\/revisions\/1088"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media\/1087"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=1083"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=1083"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=1083"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}