{"id":1190,"date":"2017-12-01T20:20:27","date_gmt":"2017-12-01T20:20:27","guid":{"rendered":"http:\/\/maquetando.com\/?p=1190"},"modified":"2017-12-04T23:16:41","modified_gmt":"2017-12-04T23:16:41","slug":"spectre-un-framework-css-ultra-ligero-y-gran-alternativa-a-bootstrap","status":"publish","type":"post","link":"https:\/\/orpot.com\/blog\/spectre-un-framework-css-ultra-ligero-y-gran-alternativa-a-bootstrap\/","title":{"rendered":"Spectre un framework CSS ultra ligero y gran alternativa a Bootstrap"},"content":{"rendered":"<p><a href=\"http:\/\/maquetando.com\/wp-content\/uploads\/2017\/12\/css.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1191\" src=\"http:\/\/maquetando.com\/wp-content\/uploads\/2017\/12\/css.png\" alt=\"\" width=\"1200\" height=\"625\" srcset=\"https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/12\/css.png 1200w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/12\/css-600x313.png 600w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/12\/css-300x156.png 300w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/12\/css-768x400.png 768w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/12\/css-1024x533.png 1024w, https:\/\/orpot.com\/blog\/wp-content\/uploads\/2017\/12\/css-290x150.png 290w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/a><\/p>\n<p>En el momento que estoy escribiendo este post\u00a0 seguramente ya naci\u00f3 otro framework CSS pero bueno hoy les hablare de Spectre.<\/p>\n<p>Spectre es un framework ultra ligero\u00a0 y moderno que\u00a0 est\u00e1\u00a0 basado en flexbox\u00a0 e incluye\u00a0 componentes y utilidades creados utilizando CSS3\u00a0 \u00a0sin depender para nada de Javascript lo cual lo hace altamente recomendable .<\/p>\n<p>Spectre tiene casi todos los componentes que normalmente utilizamos para crear una web y que cualquier framework como Bootstrap 4 incluye.<\/p>\n<p>Sus ventajas son :<\/p>\n<ol>\n<li>Es muy ligero (~10KB gzipped) si 10KB .<\/li>\n<li>Utiliza Flexbox para mejorar la compatibilidad con dispositivos m\u00f3viles<\/li>\n<li>Spectre es un proyecto\u00a0 basado en a\u00f1os de trabajo de desarrollo de CSS .<\/li>\n<li>S\u00f3lo incluye estilos CSS3\u00a0 compatibles con los \u00faltimos navegadores de escritorio ,utiliza un\u00a0 sistema de dise\u00f1o responsivo, contiene muchos componentes y utilidades CSS\u00a0 \u00a0que pueden ser modificados usando Sass\/Scss.<\/li>\n<\/ol>\n<p>Gran alternativa a otros frameworks mas pesados para nuevos proyectos.<\/p>\n<p>&nbsp;<\/p>\n<p>Enlace [<a href=\"https:\/\/picturepan2.github.io\/spectre\/\" target=\"_blank\" rel=\"noopener\">Spectre CSS<\/a>]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>En el momento que estoy escribiendo este post\u00a0 seguramente ya naci\u00f3 otro framework CSS pero&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1191,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,30],"tags":[38,80,35,117,126],"_links":{"self":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1190"}],"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=1190"}],"version-history":[{"count":3,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1190\/revisions"}],"predecessor-version":[{"id":1194,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/posts\/1190\/revisions\/1194"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media\/1191"}],"wp:attachment":[{"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/media?parent=1190"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/categories?post=1190"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orpot.com\/blog\/wp-json\/wp\/v2\/tags?post=1190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}