{"id":2377,"date":"2014-05-24T11:54:24","date_gmt":"2014-05-24T10:54:24","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=2377"},"modified":"2014-05-24T11:54:38","modified_gmt":"2014-05-24T10:54:38","slug":"2377","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/","title":{"rendered":"Html5 Boilerplate y Twitter Bootstrap"},"content":{"rendered":"

\u00daltimamente se est\u00e1 popularizando el uso de frameworks para mejorar la productividad en el desarrollo de sitios y\/o aplicaciones web. En este caso os quiero presentar un par de herramientas muy \u00fatiles que acortan los proyectos de producci\u00f3n web.<\/p>\n

La primera de todas es HTML5 Boilerplate<\/a>, un peque\u00f1o template que nos ayudar\u00e1 con el front-end de nuestro sitio. Esta herramienta se encargar\u00e1 de organizar nuestro proyecto para que podamos empezar sin preocuparnos de la compatibilidad entre navegadores ya que tiene en cuenta la librer\u00eda de modernizr<\/a> y la hoja de estilos normalize.css<\/a> que genera un c\u00f3digo de estilos est\u00e1ndar.<\/p>\n

Tambi\u00e9n incluye la inserci\u00f3n de jQuery as\u00ed como t\u00edpicos archivos muy \u00fatiles como .htaccess o favicon.ico entre otros. Tambi\u00e9n tiene en cuenta partes de SEO como la hoja 404.html o la inicializaci\u00f3n del c\u00f3digo de Google Analytics.<\/p>\n

\"html5boiler\"<\/a><\/p>\n

Twitter Bootstrap<\/a> es un framework de dise\u00f1o front-end para p\u00e1ginas responsive. Esta herramienta incluye unas cuantas hojas de estilos, fuentes de iconos y un javaScript para garantizar su funcionalidad. Son duda, Bootstrap es una potente herramienta de dise\u00f1o que funciona a partir de inserci\u00f3n de clases predefinidas en nuestro HTML. Para hacerlo funcionar simplemente deber\u00e1s de leer su documentaci\u00f3n oficial <\/a>acerca del c\u00f3digo ya implementado.<\/p>\n

\"Bootstrap\"<\/a><\/p>\n

Tenemos dos grandes herramientas para el desarrollo de una web y ser\u00eda fant\u00e1stico poder unirlas en una sola. Eso mismo pensaron los creadores de Initializr<\/a>. Esta web se encarga de reconfigurar nuestro entorno de trabajo a partir de un peque\u00f1o formulario que debemos rellenar para conseguir la versi\u00f3n m\u00e1s adecuada de nuestro entorno de trabajo.<\/p>\n

\"02_initializr\"<\/a><\/p>\n

En definitiva, os animo a probar HTML5 Boilerplate y Twitter Bootstrap en vuestros proyectos web, comprobareis lo eficaces que son y ver\u00e9is el ahorro de tiempo en el desarrollo del proyecto. \u00a1Garantizado!<\/p>\n","protected":false},"excerpt":{"rendered":"

\u00daltimamente se est\u00e1 popularizando el uso de frameworks para mejorar la productividad en el desarrollo de sitios y\/o aplicaciones web. En este caso os quiero presentar un par de herramientas muy \u00fatiles que acortan los proyectos de producci\u00f3n web. La primera de todas es HTML5…<\/p>\n","protected":false},"author":8,"featured_media":2381,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[7],"tags":[269,268,12,267,78,270],"class_list":["post-2377","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","tag-boilerplate","tag-bootstrap","tag-css","tag-framework","tag-html5","tag-responsive"],"yoast_head":"\nHtml5 Boilerplate y Twitter Bootstrap - Blog Escola Espai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Html5 Boilerplate y Twitter Bootstrap - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"\u00daltimamente se est\u00e1 popularizando el uso de frameworks para mejorar la productividad en el desarrollo de sitios y\/o aplicaciones web. En este caso os quiero presentar un par de herramientas muy \u00fatiles que acortan los proyectos de producci\u00f3n web. La primera de todas es HTML5...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-24T10:54:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2014-05-24T10:54:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"619\" \/>\n\t<meta property=\"og:image:height\" content=\"346\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Antonio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Antonio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/\"},\"author\":{\"name\":\"Antonio\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9\"},\"headline\":\"Html5 Boilerplate y Twitter Bootstrap\",\"datePublished\":\"2014-05-24T10:54:24+00:00\",\"dateModified\":\"2014-05-24T10:54:38+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/\"},\"wordCount\":320,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg\",\"keywords\":[\"boilerplate\",\"bootstrap\",\"CSS\",\"framework\",\"HTML5\",\"responsive\"],\"articleSection\":[\"Dise\u00f1o Web\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/\",\"name\":\"Html5 Boilerplate y Twitter Bootstrap - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg\",\"datePublished\":\"2014-05-24T10:54:24+00:00\",\"dateModified\":\"2014-05-24T10:54:38+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg\",\"width\":619,\"height\":346},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Html5 Boilerplate y Twitter Bootstrap\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9\",\"name\":\"Antonio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9c296a0ba9a57dd139f1c02aeeb960b9d3d89e21210644d50bfd015643626d8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d9c296a0ba9a57dd139f1c02aeeb960b9d3d89e21210644d50bfd015643626d8?s=96&d=mm&r=g\",\"caption\":\"Antonio\"},\"sameAs\":[\"http:\/\/www.espai.es\"],\"url\":\"https:\/\/www.espai.es\/blog\/author\/antonio\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Html5 Boilerplate y Twitter Bootstrap - Blog Escola Espai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/","og_locale":"es_ES","og_type":"article","og_title":"Html5 Boilerplate y Twitter Bootstrap - Blog Escola Espai","og_description":"\u00daltimamente se est\u00e1 popularizando el uso de frameworks para mejorar la productividad en el desarrollo de sitios y\/o aplicaciones web. En este caso os quiero presentar un par de herramientas muy \u00fatiles que acortan los proyectos de producci\u00f3n web. La primera de todas es HTML5...","og_url":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/","og_site_name":"Blog Escola Espai","article_published_time":"2014-05-24T10:54:24+00:00","article_modified_time":"2014-05-24T10:54:38+00:00","og_image":[{"width":619,"height":346,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg","type":"image\/jpeg"}],"author":"Antonio","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Antonio","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/"},"author":{"name":"Antonio","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9"},"headline":"Html5 Boilerplate y Twitter Bootstrap","datePublished":"2014-05-24T10:54:24+00:00","dateModified":"2014-05-24T10:54:38+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/"},"wordCount":320,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg","keywords":["boilerplate","bootstrap","CSS","framework","HTML5","responsive"],"articleSection":["Dise\u00f1o Web"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/","url":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/","name":"Html5 Boilerplate y Twitter Bootstrap - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg","datePublished":"2014-05-24T10:54:24+00:00","dateModified":"2014-05-24T10:54:38+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9"},"breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2014\/05\/2377\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg","width":619,"height":346},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2014\/05\/2377\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"Html5 Boilerplate y Twitter Bootstrap"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/12b6fc1aa9d549637166ed59d78390f9","name":"Antonio","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9c296a0ba9a57dd139f1c02aeeb960b9d3d89e21210644d50bfd015643626d8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9c296a0ba9a57dd139f1c02aeeb960b9d3d89e21210644d50bfd015643626d8?s=96&d=mm&r=g","caption":"Antonio"},"sameAs":["http:\/\/www.espai.es"],"url":"https:\/\/www.espai.es\/blog\/author\/antonio\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2014\/05\/twitter-bootstrap-619x346.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=2377"}],"version-history":[{"count":2,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2377\/revisions"}],"predecessor-version":[{"id":2383,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/2377\/revisions\/2383"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/2381"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=2377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=2377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=2377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}